*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f1117;--color-bg-elevated:#161922;--color-bg-card:#1c1f2e;--color-bg-input:#232738;--color-border:#2a2e3f;--color-border-focus:#6366f1;--color-text-primary:#f1f3f9;--color-text-secondary:#9ca3b8;--color-text-muted:#6b7280;--color-accent:#6366f1;--color-accent-hover:#818cf8;--color-accent-subtle:#6366f11f;--color-danger:#ef4444;--color-danger-subtle:#ef44441a;--color-danger-border:#ef444440;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1a;--color-warning-border:#f59e0b40;--color-success:#10b981;--color-success-subtle:#10b9811a;--color-success-border:#10b98140;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 1px 3px #0000004d, 0 4px 20px #00000026;--shadow-elevated:0 8px 40px #00000059}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh;line-height:1.6}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.page-container{flex:1;width:100%;max-width:720px;margin:0 auto;padding:32px 20px 64px}.page-header{text-align:center;border-bottom:1px solid var(--color-border);margin-bottom:40px;padding-bottom:32px}.brand-logo{background:linear-gradient(135deg, var(--color-accent), #8b5cf6);border-radius:var(--radius-md);color:#fff;letter-spacing:-.5px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:24px;font-weight:800;display:inline-flex}.brand-name{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-size:14px;font-weight:600}.page-title{color:var(--color-text-primary);letter-spacing:-.4px;margin-bottom:12px;font-size:28px;font-weight:700;line-height:1.25}.page-description{color:var(--color-text-secondary);max-width:520px;margin:0 auto;font-size:15px;line-height:1.65}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:24px;padding:28px}.card-title{color:var(--color-text-primary);align-items:center;gap:10px;margin-bottom:6px;font-size:17px;font-weight:600;display:flex}.card-title .icon{width:20px;height:20px;color:var(--color-accent);flex-shrink:0}.card-subtitle{color:var(--color-text-muted);margin-bottom:20px;font-size:13px;line-height:1.5}.form-group{margin-bottom:20px}.form-label{color:var(--color-text-secondary);letter-spacing:.2px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-input{background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);font-family:var(--font-sans);outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-subtle)}.form-input.error{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-subtle)}.otp-input-group{justify-content:center;gap:8px;margin:20px 0;display:flex}.otp-digit{text-align:center;background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:48px;height:56px;color:var(--color-text-primary);font-size:22px;font-weight:700;font-family:var(--font-sans);outline:none;transition:border-color .2s,box-shadow .2s}.otp-digit:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-subtle)}.btn{border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--color-accent), #818cf8);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-accent-hover), #a5b4fc);box-shadow:0 4px 16px #6366f159}.btn-danger{background:linear-gradient(135deg, var(--color-danger), #f87171);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 4px 16px #ef444459}.btn-ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-input);color:var(--color-text-primary)}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;font-size:13px;line-height:1.55;display:flex}.alert .alert-icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.alert-error{background-color:var(--color-danger-subtle);border:1px solid var(--color-danger-border);color:#fca5a5}.alert-error .alert-icon{color:var(--color-danger)}.alert-success{background-color:var(--color-success-subtle);border:1px solid var(--color-success-border);color:#6ee7b7}.alert-success .alert-icon{color:var(--color-success)}.alert-warning{background-color:var(--color-warning-subtle);border:1px solid var(--color-warning-border);color:#fcd34d}.alert-warning .alert-icon{color:var(--color-warning)}.spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.info-section{margin-bottom:24px}.info-section:last-child{margin-bottom:0}.section-heading{color:var(--color-text-primary);letter-spacing:-.2px;align-items:center;gap:10px;margin-bottom:16px;font-size:18px;font-weight:700;display:flex}.section-heading .icon{width:22px;height:22px;color:var(--color-accent);flex-shrink:0}.data-list{padding:0;list-style:none}.data-list li{color:var(--color-text-secondary);padding:8px 0 8px 24px;font-size:14px;line-height:1.5;position:relative}.data-list li:before{content:"";background-color:var(--color-accent);opacity:.6;border-radius:50%;width:6px;height:6px;position:absolute;top:15px;left:0}.data-list.danger li:before{background-color:var(--color-danger)}.steps-list{counter-reset:step-counter;padding:0;list-style:none}.steps-list li{color:var(--color-text-secondary);counter-increment:step-counter;padding:10px 0 10px 44px;font-size:14px;line-height:1.5;position:relative}.steps-list li:before{content:counter(step-counter);background-color:var(--color-accent-subtle);width:28px;height:28px;color:var(--color-accent);border:1px solid #6366f133;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;top:8px;left:0}.warning-banner{border:1px solid var(--color-danger-border);border-radius:var(--radius-md);text-align:center;background:linear-gradient(135deg,#ef444414,#ef44440a);margin-bottom:24px;padding:20px 24px}.warning-banner .warning-icon-wrap{background-color:var(--color-danger-subtle);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:inline-flex}.warning-banner .warning-icon-wrap .icon{width:22px;height:22px;color:var(--color-danger)}.warning-banner h3{color:#fca5a5;margin-bottom:6px;font-size:16px;font-weight:700}.warning-banner p{color:var(--color-text-secondary);max-width:460px;margin:0 auto;font-size:13px;line-height:1.6}.support-box{text-align:center}.support-box p{color:var(--color-text-secondary);margin-bottom:8px;font-size:14px}.support-email-link{color:var(--color-accent);font-size:15px;font-weight:600;text-decoration:none;transition:color .15s}.support-email-link:hover{color:var(--color-accent-hover)}.divider{background-color:var(--color-border);border:none;height:1px;margin:32px 0}.page-footer{text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-muted);padding:24px 20px;font-size:12px}.success-container{text-align:center;padding:40px 20px}.success-icon-wrap{background-color:var(--color-success-subtle);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:inline-flex}.success-icon-wrap .icon{width:32px;height:32px;color:var(--color-success)}.success-container h2{margin-bottom:10px;font-size:22px;font-weight:700}.success-container p{color:var(--color-text-secondary);max-width:420px;margin:0 auto 24px;font-size:14px;line-height:1.65}@media (width>=640px){.page-container{padding:48px 32px 80px}.page-title{font-size:32px}.card{padding:32px}.otp-digit{width:52px;height:60px}}@media (width<=380px){.page-title{font-size:22px}.otp-digit{width:40px;height:48px;font-size:18px}.card{padding:20px}}