:root {
        --navy-dark: #000a1f;
        --navy-bright: #001f54;
        --brand-orange: #FF9900;
        --glass-bg: rgba(255, 255, 255, 0.07);
        --glass-border: rgba(255, 255, 255, 0.12);
    }

    body {
        background-color: #ffffff;
        color: #1a202c;
        font-family: 'Inter', sans-serif;
        overflow-x: hidden;
    }

    /* --- Custom UI Classes --- */
    .bg-navy-gradient {
        background: radial-gradient(circle at 50% -20%, var(--navy-bright) 0%, var(--navy-dark) 80%);
    }

    .glass-card {
        background: var(--glass-bg);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        border: 1px solid var(--glass-border);
        border-radius: 24px;
        transition: all 0.4s ease;
    }

    .glass-card:hover {
        transform: translateY(-8px);
        border-color: var(--brand-orange);
    }

    .btn-orange {
        background-color: var(--brand-orange);
        color: white;
        border-radius: 50px;
        padding: 12px 30px;
        font-weight: 600;
        border: none;
        transition: 0.3s;
    }

    .btn-orange:hover {
        background-color: #e68a00;
        box-shadow: 0 8px 20px rgba(255, 153, 0, 0.3);
        color: white;
    }

    /* --- Hero Section --- */
    .hero-section {
        padding: 120px 0 160px 0;
        color: white;
    }

    /* --- Services Section --- */
    .services-section {
        background: #f8f9fa;
        border-radius: 60px 60px 0 0;
        margin-top: -80px;
        position: relative;
        z-index: 10;
        padding: 80px 0;
    }

    .service-box {
        background: white;
        border-radius: 25px;
        padding: 40px;
        height: 100%;
        border: 1px solid #eee;
        transition: 0.4s;
    }

    .service-box:hover {
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.06);
        transform: translateY(-5px);
    }

    .icon-circle {
        width: 60px;
        height: 60px;
        background: rgba(255, 153, 0, 0.1);
        color: var(--brand-orange);
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        margin-bottom: 25px;
    }

    /* --- Footer --- */
    footer {
        background-color: var(--navy-dark);
        color: rgba(255, 255, 255, 0.7);
        padding-top: 80px;
    }

    .footer-link {
        color: rgba(255, 255, 255, 0.5);
        text-decoration: none;
        transition: 0.3s;
        display: block;
        margin-bottom: 12px;
    }

    .footer-link:hover {
        color: var(--brand-orange);
        padding-left: 8px;
    }