.loginPage{background:var(--background);min-height:100vh;color:var(--text-primary);justify-content:center;align-items:center;padding:20px;display:flex}.loginCard{background:var(--surface);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:0 4px 6px -1px var(--shadow), 0 10px 20px -5px var(--shadow);border-radius:12px;padding:32px}.loginCard h1{margin:0 0 8px}.loginCard p{color:var(--text-secondary);margin:0 0 24px}.loginForm{flex-direction:column;gap:18px;display:flex}.formGroup{flex-direction:column;gap:6px;display:flex}.formGroup label{font-size:14px;font-weight:500}.formGroup input{border:1px solid var(--border);background:var(--background);width:100%;color:var(--text-primary);font:inherit;border-radius:6px;outline:none;padding:11px 12px}.formGroup input:focus{border-color:#2563eb}.loginForm button{color:#fff;font:inherit;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:12px;font-weight:600}.loginForm button:hover{opacity:.9}@media (max-width:480px){.loginCard{padding:24px}}