:root{

    --primary:#3B82F6;
    --secondary:#60A5FA;
    --gold:#D4AF37;

    --dark:#070B14;
    --dark2:#0B1220;
    --dark3:#111827;

    --text:#F8FAFC;
    --muted:#94A3B8;
}

body{

    background:
    linear-gradient(
        180deg,
        #070B14 0%,
        #0B1220 100%
    );

    color:var(--text);

    font-family:'Inter',sans-serif;

    overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6{

    font-family:'Space Grotesk',sans-serif;
}

a{

    text-decoration:none;
}

.section{

    padding:120px 0;
}

.hero{

    padding-top:160px;
    padding-bottom:120px;

    position:relative;
}

.hero::before{

    content:'';

    position:absolute;

    width:700px;
    height:700px;

    background:
    radial-gradient(
        circle,
        rgba(59,130,246,0.25) 0%,
        transparent 70%
    );

    top:-250px;
    right:-200px;

    z-index:0;
}

.glass-card{

    background:
    rgba(255,255,255,0.04);

    border:
    1px solid rgba(255,255,255,0.08);

    backdrop-filter:blur(18px);

    border-radius:28px;

    transition:0.35s ease;

    overflow:hidden;
}

.glass-card:hover{

    transform:translateY(-8px);

    border-color:
    rgba(59,130,246,0.35);

    box-shadow:
    0 20px 60px rgba(59,130,246,0.15);
}

.navbar{

    background:
    rgba(7,11,20,0.75);

    backdrop-filter:blur(16px);

    border-bottom:
    1px solid rgba(255,255,255,0.05);
}

.nav-link{

    color:#CBD5E1 !important;

    font-weight:500;

    transition:0.3s ease;
}

.nav-link:hover{

    color:#fff !important;
}

.btn-primary{

    background:linear-gradient(
        135deg,
        #2563EB,
        #3B82F6
    );

    border:none;

    border-radius:14px;

    padding:14px 28px;

    font-weight:600;
}

.btn-primary:hover{

    transform:translateY(-2px);

    box-shadow:
    0 15px 40px rgba(37,99,235,0.35);
}

.btn-outline-light{

    border-radius:14px;

    padding:14px 28px;
}

.footer-section{

    padding:100px 0 40px;

    background:#05080F;
}

.footer-links li{

    margin-bottom:12px;
}

.footer-links a{

    color:#94A3B8;

    transition:0.3s ease;
}

.footer-links a:hover{

    color:#fff;
}

.text-primary{

    color:#3B82F6 !important;
}

.bg-primary{

    background:#2563EB !important;
}