:root{--bg:#f7fbff;--surface:#fff;--surface-2:#edf6ff;--text:#0f2440;--muted:#5f7288;--line:#dce9f5;--accent:#0b63f6;--accent-contrast:#fff;--shadow:0 28px 80px rgba(19,56,96,.12)}html[data-theme="dark"]{--bg:#09111d;--surface:#111d2d;--surface-2:#17263a;--text:#edf6ff;--muted:#a8bbd1;--line:#263a51;--accent:#4f91ff;--accent-contrast:#06101f;--shadow:0 28px 80px rgba(0,0,0,.35)}.hero:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,var(--accent),transparent 67%);opacity:.10;right:-240px;top:-200px}.hero-copy{position:relative}.service-card:nth-child(2n) .service-icon{background:#e8fbf6;color:#07836e}.portal{--portal-bg:#0f2440;--portal-text:#fff}.gallery-card img{transition:.4s}.gallery-card:hover img{transform:scale(1.03)}

.social-links,
.footer-social{
    display:flex;
    gap:14px;
    align-items:center;
    justify-content:center;
    margin:24px 0;
}

.social-links a,
.footer-social a{
    width:48px;
    height:48px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--surface-2);
    color:var(--text);
    border:1px solid var(--line);
    transition:.3s ease;
    text-decoration:none;
    font-size:20px;
}

.social-links a:hover,
.footer-social a:hover{
    transform:translateY(-4px);
    background:var(--accent);
    color:#fff;
    box-shadow:0 10px 25px rgba(11,99,246,.35);
}