.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);padding:20px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:48px 40px;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:1.5rem;font-weight:600;color:var(--text);margin-bottom:8px}.login-header p{font-size:.9rem;color:var(--text-secondary)}.login-field{margin-bottom:20px}.login-field label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.login-field input{width:100%;padding:10px 14px;font-size:.95rem;font-family:inherit;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text);outline:none;transition:border-color .2s}.login-field input:focus{border-color:var(--primary)}.login-field input::placeholder{color:var(--text-secondary);opacity:.6}.login-error{color:var(--danger);font-size:.85rem;margin-bottom:16px}.login-button{width:100%;padding:12px;font-size:.95rem;font-weight:500;color:#fff;background:var(--primary);border:none;border-radius:8px;cursor:pointer;transition:background .2s}.login-button:hover{background:var(--primary-dark)}.login-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:480px){.login-card{padding:32px 24px}}