.login-page{min-height:100vh;font-family:var(--ff-body);background:linear-gradient(135deg,#061633 0%,#0a2351 100%);place-items:center;padding:2rem;display:grid}.login-container{border-radius:var(--radius-lg);background-color:var(--bg-white);border:1px solid var(--border);border-top:5px solid var(--red);width:100%;max-width:420px;padding:2.5rem;box-shadow:0 16px 48px #0006}.login-title{color:var(--blue);font-size:1.75rem;font-weight:800;font-family:var(--ff-heading);text-align:center;margin-bottom:.5rem}.login-subtitle{text-align:center;color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}.login-form{gap:1.25rem;display:grid}.login-input{border:1.5px solid var(--border);border-radius:var(--radius);font-size:1rem;font-family:var(--ff-body);color:var(--text-dark);background:var(--bg);transition:var(--transition);padding:.85rem 1rem}.login-input:focus{border-color:var(--blue);background:#fff;outline:none;box-shadow:0 0 0 3px #0a23511f}.login-btn{background:var(--red);color:#fff;border-radius:var(--radius);width:100%;transition:var(--transition);border:none;justify-content:center;padding:.85rem;font-size:1rem;font-weight:700}.login-btn:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 6px 20px #c8102e59}.login-message{text-align:center;color:var(--red);margin-top:1.25rem;font-size:.95rem;font-weight:600}