.login-container{justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:1.5rem;display:flex}.login-card{background:var(--surface);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:24px;width:100%;max-width:380px;padding:2.5rem 2rem;animation:.4s ease-out slideIn;box-shadow:0 24px 64px #0006}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-icon{text-align:center;margin-bottom:.75rem;font-size:2.8rem;display:block}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{letter-spacing:-.02em;color:var(--foreground);margin-bottom:.4rem;font-size:1.6rem;font-weight:700}.login-header p{color:var(--muted);font-size:.88rem;font-weight:500}.login-form{flex-direction:column;gap:1.25rem;display:flex}.input-group{flex-direction:column;display:flex}.input-group input{border:1.5px solid var(--border-strong);width:100%;color:var(--foreground);-webkit-tap-highlight-color:transparent;background:#00000040;border-radius:12px;outline:none;padding:.9rem 1.1rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .25s}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#0000004d}.input-group input::placeholder{color:var(--muted)}.login-button{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 18px var(--primary-glow);letter-spacing:-.005em;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;padding:.95rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .25s}.login-button:hover{transform:translateY(-1px);box-shadow:0 6px 24px #c8956c59}.login-button:active{transform:translateY(0)scale(.98)}.error-message{text-align:center;color:#d4836a;background:#c2705414;border:1px solid #c2705433;border-radius:10px;padding:.6rem;font-size:.84rem;font-weight:500}