:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #1f2b47;--bg-active: #2a3a5c;--bg-hover: #243352;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #6b7280;--accent: #7c8aff;--border-color: #2a2a4a;--danger: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}a{color:inherit}.login-container,.register-container{max-width:380px;margin:3rem auto;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;text-align:center}.login-container h1,.register-container h1{margin-bottom:1.5rem;font-size:1.5rem}.login-container form,.register-container form{display:flex;flex-direction:column}.login-container input,.register-container input{width:100%;padding:.7rem .75rem;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem}.login-container input:focus,.register-container input:focus{outline:none;border-color:var(--accent)}.login-container button[type=submit],.login-container button:not([type]),.register-container button[type=submit],.register-container button:not([type]){padding:.7rem;border:none;border-radius:6px;background:var(--accent);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer}.login-container button[type=submit]:hover:not(:disabled),.login-container button:not([type]):hover:not(:disabled),.register-container button[type=submit]:hover:not(:disabled),.register-container button:not([type]):hover:not(:disabled){opacity:.85}.login-container button[type=submit]:disabled,.login-container button:not([type]):disabled,.register-container button[type=submit]:disabled,.register-container button:not([type]):disabled{opacity:.5;cursor:not-allowed}.login-container p,.register-container p{margin-top:1rem;font-size:.85rem;color:var(--text-secondary)}.login-container p a,.register-container p a{color:var(--accent);text-decoration:none}.login-container p a:hover,.register-container p a:hover{text-decoration:underline}.login-container .error,.register-container .error{color:var(--danger);font-size:.8rem;margin-bottom:.75rem}.login-container .success,.register-container .success{color:#43b581;font-size:.8rem;margin-bottom:.75rem}