body {
        font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        background-color: #f4f7fb;
        scroll-behavior: smooth;
        }
        .navbar {
        background: rgba(13,71,161,.95);
        backdrop-filter: blur(8px);
        }
        .hero {
        background: linear-gradient(120deg, rgba(13,71,161,.92), rgba(21,101,192,.92)), url('../img/dukcapil.jpg');
        background-size: cover;
        background-position: center;
        color: white;
        padding: 140px 0 120px;
        }
        .section-title {
        font-weight: 800;
        letter-spacing: -.5px;
        color: #0d47a1;
        }
        .icon-box {
        background: #ffffff;
        border-radius: 1.25rem;
        padding: 2.25rem;
        height: 100%;
        box-shadow: 0 15px 45px rgba(13,71,161,.08);
        transition: all .35s ease;
        border: 1px solid rgba(13,71,161,.08);
        }
        .icon-box:hover {
        transform: translateY(-8px);
        box-shadow: 0 25px 70px rgba(13,71,161,.18);
        }

        #kontak .icon-box {
            text-align: center;
        }

        section { scroll-margin-top: 90px; }
        footer {
        background: linear-gradient(90deg, #0d47a1, #1565c0);
        color: #e3f2fd;
        }
        footer a { color: #bbdefb; text-decoration: none; }

        .link-sosmed{
            text-decoration:none;
            color:#000;
        }