*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:"Poppins", sans-serif;
    background:linear-gradient(135deg,#062B49,#083A63,#0D4F78);
    color:white;
}

/* ================= HEADER ================= */

.nav{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 40px;
}

.brand{
    display:flex;
    align-items:center;
    gap:12px;
}

.brand-name{
    font-weight:700;
    letter-spacing:3px;
    font-size:1.3rem;
}

.nav nav{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.nav a{
    color:rgba(255,255,255,0.7);
    text-decoration:none;
    font-size:0.95rem;
}

.nav a:hover{
    color:#43B38A;
}

/* ================= HERO ================= */

.hero{
    min-height:70vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:60px 20px;
}

.hero h1{
    font-size:4rem;
    margin-bottom:20px;
}

.hero p{
    color:rgba(255,255,255,0.75);
}

/* ================= FOOTER ================= */

.mini-index{
    display:flex;
    justify-content:center;
    gap:20px;
    padding:20px;
    border-top:1px solid rgba(255,255,255,0.08);
}

.mini-index a{
    color:rgba(255,255,255,0.6);
    text-decoration:none;
}

.mini-index a:hover{
    color:#43B38A;
}

.footer{
    padding:40px 20px;
    border-top:1px solid rgba(255,255,255,0.08);
    background:rgba(0,0,0,0.15);
}

.footer-inner{
    max-width:1100px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:20px;
}

.footer h3{
    color:#43B38A;
}

.footer p{
    color:rgba(255,255,255,0.65);
}