.citizen-portal-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;padding:34px 0 42px;border-bottom:1px solid #253a5a}
.citizen-portal-intro h1{margin:8px 0 10px;font-size:clamp(3rem,8vw,6.5rem);line-height:.9;letter-spacing:-.06em}
.citizen-portal-intro p{max-width:600px;color:#76a8e2;font-size:18px}
.citizen-license-types{display:flex;gap:10px}
.citizen-license-types span{display:grid;grid-template-columns:36px auto;gap:10px;align-items:center;padding:10px 14px;border:1px solid #2d486f;border-radius:12px;background:#0e1723;color:#eff6ff;font-weight:700}
.citizen-license-types b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#19273d;color:#7bb2f0}
.citizen-access-card{margin-top:55px!important}
.citizen-access-card h2{margin:.35rem 0 1rem;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}
.citizen-access-hint{display:grid;gap:2px;margin-top:28px;padding:15px 17px;border-left:3px solid #4589d7;background:#141f31}
.citizen-access-hint span{color:#76a8e2;font-size:14px}
@media(max-width:850px){.citizen-portal-intro{grid-template-columns:1fr}.citizen-license-types{display:grid;grid-template-columns:1fr}}