.register-shell{background:radial-gradient(circle at 70% 15%,#dff6ff,#0000 35%),linear-gradient(145deg,#f7fbff,#fff);flex-direction:column;align-items:center;min-height:100vh;padding:18px 10px 32px;display:flex}.register-topbar{flex:none;width:calc(100% - 20px)}.register-brand{position:absolute;top:24px;right:clamp(20px,5vw,72px)}.register-brand img{width:min(280px,55vw)}.register-language{color:#174de5;min-width:52px;height:44px;font-weight:var(--font-weight-bold);cursor:pointer;background:#fff;border:1px solid #cddbef;border-radius:12px;position:absolute;top:28px;left:clamp(20px,5vw,72px)}.register-shell[dir=ltr]{font-family:var(--font-ui)}.register-shell[dir=ltr] .register-form label,.register-shell[dir=ltr] .register-form input{text-align:left}.register-shell[dir=ltr] .register-form .otp-input{text-align:center}.register-card{background:#ffffffed;border:1px solid #dce8f7;border-radius:28px;width:min(520px,100%);margin:auto;padding:38px;box-shadow:0 24px 70px #254a8520}.register-heading{text-align:center}.register-heading small{color:#1558ec;font-weight:var(--font-weight-semibold)}.register-heading h1{font-size:var(--text-hero);margin:8px 0}.register-heading p{color:#687598;font-size:var(--text-body);margin:0;line-height:2}.register-progress{justify-content:center;align-items:center;margin:28px 0;display:flex}.register-progress i{color:#8b97b7;background:#fff;border:1px solid #cdd9eb;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.register-progress i.active{color:#fff;background:#1558ec;border-color:#1558ec}.register-progress span{background:#dfe7f3;width:70px;height:2px}.register-progress span.active{background:#1558ec}.register-form{gap:18px;display:grid}.register-form label{color:#27345d;font-size:var(--text-meta);font-weight:var(--font-weight-semibold);gap:8px;display:grid}.register-form input{color:#10194a;height:52px;font-weight:var(--font-weight-regular);font-size:var(--text-body);font-family:var(--font-ui);text-align:right;background:#fff;border:1px solid #cfdaeb;border-radius:12px;outline:none;padding:0 16px}.register-form input:focus{border-color:#1558ec;box-shadow:0 0 0 3px #1558ec18}.register-form .otp-input{text-align:center;letter-spacing:normal;direction:ltr;font:700 24px monospace}.register-form button{cursor:pointer;border:0}.register-form button:disabled{opacity:.6;cursor:wait}.privacy-note,.otp-copy{color:#637194;font-size:var(--text-meta);background:#f3f8ff;border-radius:10px;margin:0;padding:12px;line-height:1.9}.otp-copy bdi{font-family:var(--font-ui);direction:ltr;unicode-bidi:isolate;display:inline-block}.register-back{color:#1558ec;cursor:pointer;background:0 0;border:0}.register-error{color:#a51d2d;font-size:var(--text-meta);text-align:center;background:#fff0f2;border-radius:10px;margin:18px 0 0;padding:12px}.register-success{text-align:center}.register-success>b{color:#fff;background:#13a886;border-radius:50%;place-items:center;width:64px;height:64px;margin:auto;font-size:30px;display:grid}.register-success h2{margin-bottom:8px}.register-success p{color:#687598}.register-success a{margin-top:15px}.login-methods{gap:12px;display:grid}.login-methods>button{color:#1742cf;min-height:56px;font-weight:var(--font-weight-semibold);cursor:pointer;background:#fff;border:1px solid #cddbef;border-radius:13px;padding:10px 16px}.login-methods>button:hover{background:#f4f8ff;border-color:#1558ec}.login-methods .google-login{justify-content:center;align-items:center;gap:10px;display:flex}.google-login b{color:#fff;width:30px;height:30px;font-weight:var(--font-weight-bold);font-size:var(--text-body);font-family:var(--font-ui);background:#4285f4;border-radius:50%;place-items:center;display:grid}.login-methods>button:disabled{cursor:not-allowed;opacity:.5}.login-methods>small{text-align:center;color:#7885a8}.login-methods .signup-method{color:#fff;background:linear-gradient(110deg,#2430ee,#09c5e7);border:0}@media (max-width:600px){.register-shell{align-items:stretch;padding:10px}.register-topbar{width:100%}.register-card{border-radius:20px;margin:32px auto;padding:26px 20px}.register-heading h1{font-size:var(--text-hero)}}