:root{--brand-50:#ecfdf5;--brand-100:#d1fae5;--brand-500:#10b981;--brand-600:#059669;--brand-700:#047857}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.brand-panel{background:radial-gradient(1200px 600px at -10% -10%,#ffffff24,#0000 60%),radial-gradient(900px 500px at 110% 110%,#10b98159,#0000 55%),linear-gradient(160deg,#064e3b 0%,#065f46 45%,#047857 100%)}.brand-pattern{background-image:radial-gradient(circle at 1px 1px,#ffffff2e 1px,#0000 0);background-size:22px 22px}.input-auth{color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:.75rem;width:100%;padding-top:.625rem;padding-bottom:.625rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.input-auth::placeholder{color:#9ca3af}.input-auth:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 4px #10b98126}.input-auth:disabled{cursor:not-allowed;background-color:#f3f4f6}.input-error{border-color:#ef4444!important}.input-error:focus{box-shadow:0 0 0 4px #ef444426}.btn-primary{background-image:linear-gradient(to right, var(--brand-600), var(--brand-500));color:#fff;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:filter .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 10px 15px -3px #05966959}.btn-primary:hover{filter:brightness(1.07)}.btn-primary:active{transform:translateY(1px)}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 4px #10b98159}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.auth-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;box-shadow:0 20px 40px -12px #1118271f}.otp-input{text-align:center;color:#111827;border:1px solid #d1d5db;border-radius:.75rem;width:3rem;height:3.5rem;font-size:1.375rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.otp-input:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 4px #10b98126}@media (width<=400px){.otp-input{width:2.6rem;height:3rem;font-size:1.125rem}}.strength-bar span{background-color:#e5e7eb;border-radius:999px;flex:1;height:.3rem;transition:background-color .2s;display:block}.strength-bar span.active-level-1{background-color:#ef4444}.strength-bar span.active-level-2{background-color:#f59e0b}.strength-bar span.active-level-3{background-color:#84cc16}.strength-bar span.active-level-4{background-color:#10b981}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.45s both fade-up}@keyframes pulse-ring{0%{box-shadow:0 0 #10b98159}70%{box-shadow:0 0 0 14px #10b98100}to{box-shadow:0 0 #10b98100}}.pulse-ring{animation:2s infinite pulse-ring}