:root { --brand: #275efe; }
body { background: #f5f7fb; }
.navbar { background: linear-gradient(135deg, #1d2b64, #275efe); }
.login-body { min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at top left, #dbe7ff, #f8fbff 45%, #eef2ff); }
.login-card { width: min(440px, calc(100vw - 32px)); border-radius: 24px; }
.btn-primary { background: var(--brand); border-color: var(--brand); }
.card { border-radius: 22px; }
.contact-card { transition: transform .15s ease, box-shadow .15s ease; }
.contact-card:hover { transform: translateY(-2px); box-shadow: 0 1rem 2.5rem rgba(31,45,61,.12)!important; }
.form-card { max-width: 760px; }
.form-control { border-radius: 14px; }
.btn { border-radius: 999px; }