:root,[data-theme=dark]{--bg-base: #07131f;--bg-deep: #020b14;--bg-haze-1: rgba(34, 211, 238, .22);--bg-haze-2: rgba(6, 182, 212, .18);--bg-haze-3: rgba(56, 189, 248, .12);--grid-line: rgba(148, 220, 235, .034);--glass-bg: rgba(15, 31, 52, .54);--glass-bg-strong: rgba(17, 31, 55, .82);--glass-bg-soft: rgba(22, 46, 72, .42);--glass-bg-solid: #101d35;--glass-border: rgba(125, 211, 252, .18);--glass-border-strong: rgba(103, 232, 249, .34);--glass-highlight: rgba(255, 255, 255, .06);--glass-blur: saturate(150%) blur(26px);--glass-blur-strong: saturate(165%) blur(40px);--accent: #38bdf8;--accent-2: #22d3ee;--accent-3: #60a5fa;--accent-glow: rgba(34, 211, 238, .34);--accent-soft: rgba(34, 211, 238, .13);--accent-soft-2: rgba(56, 189, 248, .08);--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #38bdf8 54%, #22d3ee 100%);--text: #f3f3fb;--text-soft: #cccde6;--text-muted: #8e8fb4;--text-faint: #62648a;--bg-primary: var(--bg-base);--glass-surface: var(--glass-bg-strong);--surface-soft: var(--glass-bg-soft);--input-bg: rgba(22, 46, 72, .46);--input-bg-focus: rgba(22, 46, 72, .72);--text-primary: var(--text);--text-secondary: var(--text-soft);--accent-primary: var(--accent);--accent-secondary: var(--accent-3);--btn-primary: var(--accent);--btn-secondary: var(--accent-3);--success: #4ade80;--warning: #fbbf24;--error: #fb7185;--radius-lg: 22px;--radius-md: 14px;--radius-sm: 10px;--shadow-1: 0 10px 34px rgba(0, 0, 0, .45);--shadow-2: 0 28px 70px rgba(20, 16, 60, .55);--shadow-inset: inset 0 1px 0 var(--glass-highlight);--transition: .26s cubic-bezier(.4, 0, .2, 1);color-scheme:dark}[data-theme=light]{--bg-base: #edf8fb;--bg-deep: #f7fbff;--bg-haze-1: rgba(34, 211, 238, .18);--bg-haze-2: rgba(56, 189, 248, .14);--bg-haze-3: rgba(96, 165, 250, .12);--grid-line: rgba(14, 116, 144, .05);--glass-bg: rgba(255, 255, 255, .6);--glass-bg-strong: rgba(255, 255, 255, .8);--glass-bg-soft: rgba(255, 255, 255, .42);--glass-bg-solid: #ffffff;--glass-border: rgba(14, 116, 144, .18);--glass-border-strong: rgba(8, 145, 178, .32);--glass-highlight: rgba(255, 255, 255, .7);--accent: #0284c7;--accent-2: #0891b2;--accent-3: #2563eb;--accent-glow: rgba(14, 165, 233, .22);--accent-soft: rgba(14, 165, 233, .09);--accent-soft-2: rgba(8, 145, 178, .06);--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #38bdf8 54%, #22d3ee 100%);--text: #181a36;--text-soft: #43476a;--text-muted: #6c6f8e;--text-faint: #9a9db5;--bg-primary: var(--bg-base);--glass-surface: var(--glass-bg-strong);--surface-soft: var(--glass-bg-soft);--input-bg: rgba(255, 255, 255, .64);--input-bg-focus: rgba(255, 255, 255, .92);--text-primary: var(--text);--text-secondary: var(--text-soft);--accent-primary: var(--accent);--accent-secondary: var(--accent-3);--btn-primary: var(--accent);--btn-secondary: var(--accent-3);--shadow-1: 0 10px 34px rgba(60, 70, 140, .14);--shadow-2: 0 28px 70px rgba(60, 70, 140, .18);color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}html,body{height:auto;min-height:100vh;font-family:var(--nopla-font-family);background:var(--bg-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;padding:20px 16px;background:radial-gradient(ellipse 76% 58% at 16% 12%,rgba(34,211,238,.24) 0%,transparent 60%),radial-gradient(ellipse 72% 52% at 84% 86%,rgba(6,182,212,.2) 0%,transparent 58%),linear-gradient(140deg,rgba(255,255,255,.05),transparent 42%),var(--bg-primary);animation:auroraShift 16s ease-in-out infinite}.theme-toggle{position:fixed;top:14px;left:14px;z-index:30;width:42px;height:42px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-surface);color:var(--text-primary);backdrop-filter:blur(10px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.theme-toggle .material-icons-round{font-size:20px}.material-icons-round svg{width:1em;height:1em;display:block;fill:currentColor}.theme-toggle .material-icons-round svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.theme-toggle:hover .material-icons-round svg{transform:rotate(35deg) scale(1.08)}.theme-toggle:active{transform:scale(.94)}.theme-toggle{transition:transform .18s ease,background .25s ease,border-color .25s ease}body:before,body:after{content:"";position:fixed;inset:-10%;pointer-events:none;z-index:0}body:before{background:radial-gradient(circle at 25% 25%,rgba(34,211,238,.16) 0%,transparent 42%),radial-gradient(circle at 75% 65%,rgba(56,189,248,.12) 0%,transparent 40%);filter:blur(24px);animation:driftLayerA 22s linear infinite}body:after{background:conic-gradient(from 180deg at 50% 50%,#22d3ee14,#06b6d405,#38bdf814,#22d3ee14);mix-blend-mode:screen;opacity:.65;animation:driftLayerB 26s linear infinite reverse}@keyframes auroraShift{0%,to{background-position:0% 0%,100% 100%,0% 0%}50%{background-position:10% 8%,90% 88%,30% 0%}}@keyframes driftLayerA{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(1.6%,-1.8%,0) scale(1.04)}}@keyframes driftLayerB{0%,to{transform:rotate(0) scale(1.02)}50%{transform:rotate(8deg) scale(1.06)}}.bg-crystal{position:fixed;pointer-events:none;opacity:.42;z-index:0}.crystal-1{width:min(50vw,400px);height:min(50vw,400px);top:-10%;right:-10%;background:radial-gradient(circle,rgba(34,211,238,.28) 0%,transparent 70%);animation:float 11s ease-in-out infinite}.crystal-2{width:min(60vw,500px);height:min(60vw,500px);bottom:-15%;left:-15%;background:radial-gradient(circle,rgba(56,189,248,.24) 0%,transparent 70%);animation:float 14s ease-in-out infinite reverse}.crystal-3{width:min(40vw,300px);height:min(40vw,300px);top:40%;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(6,182,212,.18) 0%,transparent 68%);animation:float 18s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2%,-3%) rotate(2deg)}50%{transform:translate(-1%,2%) rotate(-1deg)}75%{transform:translate(2%,1%) rotate(1deg)}}.main-wrapper{width:100%;max-width:440px;margin:0 auto;position:relative;z-index:10}.glass-card{width:100%;background:var(--glass-surface);backdrop-filter:blur(32px) saturate(130%);-webkit-backdrop-filter:blur(32px) saturate(130%);border:1px solid var(--glass-border);border-radius:30px;box-shadow:0 30px 90px #020617b8,0 1px #ffffff1f inset,0 0 140px #22d3ee24 inset;overflow:hidden;animation:slideUp .6s cubic-bezier(.16,1,.3,1);position:relative}.glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.12) 48%,transparent 72%);transform:translate(-130%);animation:glassSweep 9s ease-in-out infinite;pointer-events:none;z-index:0}.glass-card>*{position:relative;z-index:1}@keyframes glassSweep{0%,70%,to{transform:translate(-130%);opacity:0}78%{opacity:.75}92%{transform:translate(130%);opacity:.3}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.header{padding:34px 24px 24px;text-align:center;border-bottom:1px solid rgba(125,211,252,.22);background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.15),transparent 55%),linear-gradient(180deg,#22d3ee14,#fff0)}.logo-wrapper{width:112px;height:112px;margin:0 auto 16px;position:relative;display:flex;align-items:center;justify-content:center;animation:logoLift 5s ease-in-out infinite}@keyframes logoLift{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.logo-icon{position:relative;z-index:1;font-size:32px;color:#fff}.logo-image{position:relative;z-index:1;width:86px;height:86px;border-radius:18px;object-fit:cover;box-shadow:0 14px 26px #0206176b}.header h2{font-size:1.58rem;font-weight:700;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.2px}.header p{font-size:.9rem;color:var(--text-secondary)}.progress-container{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px 24px 16px;background:#030a143d}[data-theme=light] .progress-container{background:#c7d5e494}.progress-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;transition:all .4s cubic-bezier(.4,0,.2,1)}.progress-dot.active{background:var(--accent-primary);box-shadow:0 0 0 5px #22d3ee38,0 0 18px #22d3ee80;animation:pulseDot 1.8s ease-in-out infinite}@keyframes pulseDot{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.progress-line{width:36px;height:3px;background:#ffffff1a;border-radius:2px;transition:background .4s}.progress-line.active{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary))}.form-area{padding:24px 20px 28px}.step{display:none;animation:fadeInUp .4s cubic-bezier(.16,1,.3,1)}.step.active{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.alert{display:none;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:.875rem;font-weight:500;animation:shake .5s ease-in-out}.alert.show{display:flex}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.alert .material-icons-round{font-size:18px;flex-shrink:0}.step-processing{display:none;align-items:center;gap:10px;padding:12px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:12px;margin-bottom:20px;font-size:.875rem;color:var(--accent-primary)}[data-theme=light] .step-processing{background:#2677b61f;border-color:#2677b640;color:#1b4f78}.step-processing.show{display:flex}.step-processing .spinner-small{width:16px;height:16px;border:2px solid rgba(99,102,241,.3);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.processing-overlay{position:fixed;inset:0;background:#0a0a1aeb;backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}[data-theme=light] .processing-overlay{background:#e4eef8d6}.processing-overlay.show{opacity:1;visibility:visible}.processing-spinner{width:56px;height:56px;border:4px solid rgba(99,102,241,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-text{margin-top:20px;color:var(--text-primary);font-size:1rem;font-weight:600}.processing-subtext{margin-top:8px;color:var(--text-secondary);font-size:.875rem}.form-group{margin-bottom:18px}.form-group label{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-group label .material-icons-round{font-size:18px;color:var(--text-muted)}.input-wrapper{position:relative}.form-group input{width:100%;padding:14px 48px 14px 16px;background:var(--input-bg);border:1.5px solid rgba(148,163,184,.24);border-radius:14px;font-size:1rem;font-family:inherit;color:var(--text-primary);transition:all .3s ease;-webkit-appearance:none;appearance:none}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{outline:none;background:var(--input-bg-focus);border-color:var(--accent-primary);box-shadow:0 0 0 4px #22d3ee33,0 0 24px #22d3ee38}[data-theme=light] .form-group input{border-color:#366d9747;background:var(--input-bg)!important;color:var(--text-primary)}[data-theme=light] .form-group input:focus{background:var(--input-bg-focus)!important;box-shadow:0 0 0 4px #2677b633}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);transition:background-color 5000s ease-in-out 0s;box-shadow:0 0 0 1000px var(--input-bg-focus) inset}.form-group input.error{border-color:var(--error);box-shadow:0 0 0 4px #ef444426}.input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:20px;pointer-events:none}.password-toggle{position:absolute;left:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--text-muted);font-size:22px;padding:4px;transition:color .3s;z-index:2;background:none;border:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--accent-primary)}.password-toggle .material-icons-round{font-size:24px;transition:opacity .2s}.password-toggle.hidden .eye-icon{display:none}.password-toggle:not(.hidden) .eye-off-icon{display:none}.phone-input{direction:ltr;text-align:left;padding-right:16px}.password-reqs{list-style:none;margin-top:14px;padding:14px;background:var(--surface-soft);border-radius:12px;border:1px solid rgba(255,255,255,.05)}[data-theme=light] .password-reqs{border-color:#366d972e}.password-reqs li{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted);padding:4px 0;transition:color .3s}.password-reqs li .material-icons-round{font-size:16px;transition:color .3s}.password-reqs li.valid,.password-reqs li.valid .material-icons-round{color:var(--success)}.otp-section{margin:24px 0}.otp-hint{text-align:center;color:var(--text-secondary);font-size:.875rem;margin-bottom:20px}.otp-hint strong{color:var(--accent-primary);font-weight:600}.otp-inputs{display:flex;gap:8px;justify-content:center;dir:ltr}.otp-input{width:48px;height:52px;text-align:center;font-size:1.25rem;font-weight:600;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);transition:all .3s;-moz-appearance:textfield}.otp-input::-webkit-outer-spin-button,.otp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input:focus{outline:none;background:#6366f11a;border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f126;transform:scale(1.05)}[data-theme=light] .otp-input{background:#f4fafff5;border-color:#366d973d;color:var(--text-primary)}[data-theme=light] .otp-input:focus{background:#fff;box-shadow:0 0 0 4px #2677b629}.timer-box{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--surface-soft);border-radius:10px;margin:20px 0}.timer-box .material-icons-round{font-size:18px;color:var(--accent-primary)}.timer-box span{color:var(--text-secondary);font-size:.875rem}.timer-box strong{color:var(--accent-primary);font-size:1.1rem;font-weight:700;min-width:40px;text-align:center}.btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 20px;background:linear-gradient(135deg,var(--btn-primary) 0%,var(--btn-secondary) 100%);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;overflow:hidden;margin-top:8px;box-shadow:0 12px 34px #14b8d454;-webkit-tap-highlight-color:transparent}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.35) 46%,transparent 70%);opacity:.8;transform:translate(-120%);animation:btnShine 4.8s ease-in-out infinite;transition:opacity .3s}@keyframes btnShine{0%,82%,to{transform:translate(-120%)}90%{transform:translate(120%)}}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0891b25c}.btn:hover:before{opacity:1}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn .material-icons-round{font-size:20px}.btn span{position:relative;z-index:1}.btn.loading span{opacity:0}.btn-loader{position:absolute;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top:2.5px solid white;border-radius:50%;animation:spin .8s linear infinite;display:none;z-index:1}.btn.loading .btn-loader{display:block}.btn-secondary{background:transparent;color:var(--accent-primary);border:2px solid rgba(34,211,238,.5);box-shadow:none}.btn-secondary:hover{background:#22d3ee1a;border-color:var(--accent-primary);box-shadow:0 8px 16px #22d3ee33}.btn-back{display:flex;align-items:center;gap:4px;background:transparent;color:var(--text-muted);border:none;padding:8px 12px;margin-bottom:16px;font-size:.875rem;font-family:inherit;cursor:pointer;border-radius:8px;transition:all .3s;-webkit-tap-highlight-color:transparent}.btn-back:hover{background:#ffffff0d;color:var(--text-primary)}.btn-back .material-icons-round{font-size:20px}.action-links{margin-top:20px;padding:16px;background:var(--surface-soft);border-radius:14px;border:1px solid rgba(125,211,252,.18)}[data-theme=light] .action-links{border-color:#366d9733}.action-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;border-radius:10px;transition:all .3s;margin-bottom:6px;-webkit-tap-highlight-color:transparent}.action-link:last-child{margin-bottom:0}.action-link:hover{background:#6366f11a;color:var(--accent-primary)}.action-link .material-icons-round{font-size:18px}.support-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:24px auto 0;padding:10px 24px;background:var(--input-bg);color:var(--text-secondary);border-radius:25px;text-decoration:none;font-size:.8rem;border:1px solid rgba(148,163,184,.24);transition:all .3s;-webkit-tap-highlight-color:transparent;box-shadow:0 8px 20px #0206174d}[data-theme=light] .support-btn{color:#1b4f78;border-color:#366d9747;background:#e3eff9eb!important;box-shadow:0 8px 20px #5375922e}.support-btn:hover{background:#22d3ee24;border-color:#22d3ee5c;color:var(--accent-primary);box-shadow:0 10px 24px #22d3ee33}@media(prefers-reduced-motion:reduce){body,body:before,body:after,.bg-crystal,.logo-wrapper,.progress-dot.active,.btn:before,.glass-card:before{animation:none!important}}.support-btn .material-icons-round{font-size:18px}@media(min-width:768px){body{padding:40px 20px}.glass-card{border-radius:28px;box-shadow:0 30px 60px #0009,0 0 0 1px #ffffff0d inset,0 0 100px #6366f11a inset}.header{padding:40px 32px 28px}.logo-wrapper{width:80px;height:80px;margin-bottom:20px}.logo-icon{font-size:36px}.header h2{font-size:1.75rem}.progress-container{padding:24px 32px 20px}.form-area{padding:28px 28px 32px}.otp-input{width:52px;height:56px;font-size:1.35rem}.btn{padding:16px 24px;border-radius:14px}.bg-crystal{opacity:.3}.crystal-1{width:400px;height:400px;top:-100px;right:-100px}.crystal-2{width:500px;height:500px;bottom:-150px;left:-150px}.crystal-3{width:300px;height:300px}}@media(min-width:1200px){body{padding:60px 20px}}@media(max-width:360px){body{padding:12px}.header{padding:24px 16px 20px}.logo-wrapper{width:60px;height:60px}.logo-icon{font-size:26px}.header h2{font-size:1.25rem}.form-area{padding:20px 16px 24px}.otp-input{width:42px;height:46px;font-size:1.1rem}.otp-inputs{gap:6px}.btn{padding:14px 16px;font-size:.9rem}}@supports (padding: max(0px)){body{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}}::selection{background:#6366f166}*{-webkit-tap-highlight-color:transparent}