:root{--radius:.5rem;--background:#f6f8f7;--foreground:#233c36;--card:#fff;--card-foreground:#233c36;--popover:#fff;--popover-foreground:#233c36;--primary:#233c36;--primary-foreground:#fff;--secondary:#e6ecea;--secondary-foreground:#233c36;--muted:#eef2f1;--muted-foreground:#6b7c77;--accent:#dce5e2;--accent-foreground:#233c36;--destructive:#c84b4b;--destructive-foreground:#fff;--border:#d6dfdc;--input:#d6dfdc;--ring:#233c36;--text-secondary:#6b7c77;--font-sans:"Figtree", "Inter", -apple-system, system-ui, "Roboto", "Helvetica Neue", sans-serif;--shadow-card:0px 0px 0px 1px #00000005, 0px 2px 6px #0000000a, 0px 4px 8px #00000014;--shadow-hover:0px 4px 12px #0000000f}*{box-sizing:border-box;border-color:var(--border)}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0}.page{background-color:var(--background);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 24px;display:flex;position:relative}.gradient-overlay{pointer-events:none;background:radial-gradient(80% 60% at 50% 40%,#233c360d 0%,#0000 70%);position:fixed;inset:0}.container{z-index:10;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:420px;display:flex;position:relative}.logo{object-fit:contain;height:48px;margin-bottom:40px}.title{color:var(--foreground);letter-spacing:-.44px;font-size:32px;font-weight:700}.subtitle{color:var(--text-secondary);margin-top:16px;font-size:16px;font-weight:500;line-height:1.6}.supporting{color:var(--muted-foreground);margin-top:12px;font-size:14px}.form{flex-direction:column;gap:12px;width:100%;margin-top:40px;display:flex}.input-wrapper{width:100%}.input{border:1px solid var(--border);background:var(--background);width:100%;height:48px;color:var(--foreground);border-radius:8px;outline:none;padding:0 16px;font-size:14px;transition:all .2s}.input::placeholder{color:var(--muted-foreground)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.input-error{border-color:var(--destructive);box-shadow:0 0 0 1px var(--destructive)}.button{background:var(--primary);height:48px;color:var(--primary-foreground);cursor:pointer;border:none;border-radius:8px;padding:0 24px;font-size:14px;font-weight:600;transition:all .15s}.button:hover{opacity:.9}.button:active{transform:scale(.97)}.success{color:var(--primary);margin-top:12px;font-size:14px;font-weight:500}.error{color:var(--destructive);margin-top:12px;font-size:14px}.footer{text-align:center;color:var(--muted-foreground);font-size:12px;position:absolute;bottom:24px}.footer p{margin:2px 0}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.8s ease-out forwards fade-in-up}.animate-fade-in-up-delay-1{opacity:0;animation:.8s ease-out .15s forwards fade-in-up}.animate-fade-in-up-delay-2{opacity:0;animation:.8s ease-out .3s forwards fade-in-up}.animate-fade-in-up-delay-3{opacity:0;animation:.8s ease-out .45s forwards fade-in-up}@media (width>=640px){.title{font-size:36px}.subtitle{font-size:18px}.form{flex-direction:row}.button{width:auto}}