:root{--auth-bg:#09090b;--auth-card-bg:#18181b99;--auth-primary:#fff;--auth-primary-hover:#e4e4e7;--auth-border:#ffffff1a;--auth-text:#fff;--auth-text-muted:#a1a1aa;--auth-error:#ef4444;--auth-success:#22c55e}.auth-container{background-color:var(--auth-bg);background-image:radial-gradient(circle at 20% 20%,#ffffff0d 0%,#0000 40%),radial-gradient(circle at 80% 80%,#ffffff0d 0%,#0000 40%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,sans-serif;display:flex}.auth-card{background:var(--auth-card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--auth-border);border-radius:24px;width:100%;max-width:400px;padding:40px;animation:.6s ease-out fadeIn;box-shadow:0 25px 50px -12px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:32px}.auth-title{color:var(--auth-text);letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:700}.auth-subtitle{color:var(--auth-text-muted);font-size:14px}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--auth-text-muted);margin-left:4px;font-size:13px;font-weight:500}.form-input{border:1px solid var(--auth-border);color:var(--auth-text);background:#0003;border-radius:12px;outline:none;padding:12px 16px;font-size:15px;transition:all .2s}.form-input:focus{background:#0006;border-color:#ffffff4d;box-shadow:0 0 0 4px #ffffff0d}.auth-button{background:var(--auth-primary);color:#000;cursor:pointer;border:none;border-radius:12px;margin-top:10px;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.auth-button:hover{background:var(--auth-primary-hover);transform:translateY(-1px)}.auth-button:active{transform:translateY(0)}.auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-footer{text-align:center;color:var(--auth-text-muted);margin-top:24px;font-size:14px}.auth-link{color:var(--auth-text);margin-left:4px;font-weight:500;text-decoration:none;transition:color .2s}.auth-link:hover{text-decoration:underline}.alert{border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;animation:.3s ease-out slideIn}.alert-error{color:var(--auth-error);background:#ef44441a;border:1px solid #ef444433}.alert-success{color:var(--auth-success);background:#22c55e1a;border:1px solid #22c55e33}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}