body.auth-page{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a0a;display:flex;align-items:center;justify-content:center;min-height:100vh;-webkit-font-smoothing:antialiased}.auth-container{width:100%;max-width:420px;padding:1rem}.auth-card{background:#18181b;border:1px solid #27272a;border-radius:16px;padding:2.5rem;box-shadow:0 4px 24px rgba(0,0,0,0.3)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:white;font-size:2rem;font-weight:800;margin-bottom:.25rem;letter-spacing:-.02em}.auth-header p{color:#71717a;font-size:.95rem}.auth-form .form-group{margin-bottom:1.25rem}.auth-form label{display:block;font-size:.85rem;font-weight:600;color:#a1a1aa;margin-bottom:.4rem}.auth-form input{width:100%;padding:.7rem .85rem;background:#0a0a0a;border:1px solid #3f3f46;border-radius:8px;font-size:.95rem;color:white;font-family:inherit;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{outline:0;border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,0.15)}.auth-form input::placeholder{color:#52525b}.auth-error{background:rgba(239,68,68,0.1);color:#ef4444;padding:.65rem .85rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem;border:1px solid rgba(239,68,68,0.2)}.auth-success{background:rgba(34,197,94,0.1);color:#22c55e;padding:.65rem .85rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem;border:1px solid rgba(34,197,94,0.2)}.btn-full{width:100%;padding:.75rem;background:#22c55e;color:white;border:0;border-radius:10px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s}.btn-full:hover{background:#16a34a}.auth-footer{text-align:center;margin-top:1.75rem;font-size:.9rem;color:#71717a}.auth-footer a{color:#22c55e;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}[data-theme="light"] body.auth-page,[data-theme="light"].auth-page{background:#f5f5f5}[data-theme="light"] .auth-card{background:#fff;border-color:#e4e4e7;box-shadow:0 4px 24px rgba(0,0,0,0.08)}[data-theme="light"] .auth-header h1{color:#18181b}[data-theme="light"] .auth-header p{color:#71717a}[data-theme="light"] .auth-form label{color:#52525b}[data-theme="light"] .auth-form input{background:#f5f5f5;border-color:#d4d4d8;color:#18181b}[data-theme="light"] .auth-form input::placeholder{color:#a1a1aa}[data-theme="light"] .auth-footer{color:#71717a}