:root{--bg-gradient: linear-gradient(135deg, #353270 0%, #0f172a 50%, #1e293b 100%);--card-bg: rgba(30, 41, 59, 0.5);--input-bg: rgba(2, 6, 23, 0.5);--primary-blue: #2563eb;--primary-hover: #3b82f6;--text-main: #ffffff;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, 0.1)}body{margin:0;padding:0;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:'Inter', system-ui, sans-serif;background:var(--bg-gradient);background-attachment:fixed}.auth-card{width:100%;max-width:500px;background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:40px;border-radius:32px;border:1px solid var(--border-color);box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);text-align:center}.auth-card h2{color:var(--text-main);font-size:2.5rem;font-weight:800;margin:0 0 8px 0;letter-spacing:-1px}.auth-card p{color:var(--text-muted);font-size:0.9rem;margin-bottom:32px}.auth-form{display:flex;flex-direction:column;gap:16px;text-align:left}.auth-input{width:100%;box-sizing:border-box;background:var(--input-bg);border:1px solid #334155;padding:14px 18px;border-radius:12px;color:white;font-size:1rem;outline:none;transition:all 0.2s ease}.auth-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px rgba(37,99,235,0.1)}.auth-btn{width:100%;background:var(--primary-blue);color:white;border:none;padding:14px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform 0.1s, background 0.2s;margin-top:8px}.auth-btn:hover{background:var(--primary-hover)}.auth-btn:active{transform:scale(0.98)}.auth-options{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:0.85rem;margin:8px 0}.auth-footer{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.auth-footer a{color:var(--primary-hover);text-decoration:none;font-size:0.85rem}.auth-alert{padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:0.85rem;font-weight:500;text-align:left}.alert-error,.alert-alert{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);color:#fca5a5}.alert-notice{background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.2);color:#86efac}