{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins,sans-serif;background:#0d0d0d;color:#fff;line-height:1.6}
header{position:fixed;top:0;width:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);padding:18px 8%;display:flex;justify-content:space-between;align-items:center;z-index:10}
header a{color:#fff;text-decoration:none;margin-left:25px}
.hero{height:100vh;background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.75)),url('https://images.unsplash.com/photo-1515377905703-c4788e51af15?auto=format&fit=crop&w=1600&q=80') center/cover;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.hero img{max-width:180px;margin-bottom:25px}
h1,h2{font-family:"Cormorant Garamond",serif;color:#d4af37}
h1{font-size:60px}
.hero p{max-width:650px;margin:20px auto}
.btn{display:inline-block;background:#d4af37;color:#111;padding:15px 34px;border-radius:50px;text-decoration:none;font-weight:600}
.btn-2{display:inline-block;background:#339100;color:#111;padding:15px 34px;border-radius:50px;text-decoration:none;font-weight:600}
section{padding:90px 8%}
.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.about img{width:100%;border-radius:18px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:40px}
.card{border:1px solid #d4af37;border-radius:16px;padding:24px;background:#161616}
.card h3{color:#d4af37;margin-bottom:10px}
table{width:100%;border-collapse:collapse}
td{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.cta{text-align:center;background:#f2cd54;color:#111}
.cta h2{color:#111}
footer{text-align:center;padding:35px;background:#000}
@media(max-width:900px){
.about{grid-template-columns:1fr}
h1{font-size:42px}

/*=========================
Header
==========================*/

.header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
}

.logo img{
    height:60px;
}

.navbar{
    display:flex;
    gap:40px;
}

.navbar a{
    color:#fff;
    text-decoration:none;
    font-size:15px;
    letter-spacing:1px;
    transition:.3s;
    position:relative;
}

.navbar a:hover{
    color:#D4AF37;
}

/* Gold underline */

.navbar a::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-8px;

    width:0;
    height:2px;
    background:#D4AF37;

    transition:.3s;
}

.navbar a:hover::after{
    width:100%;
}


/* Hamburger */

.menu-btn{

    display:none;

    font-size:30px;
    color:#D4AF37;

    cursor:pointer;

}


/*=========================
Mobile
==========================*/

/* Mobile Navigation */
@media (max-width: 768px) {

    .header{
        padding:15px 20px;
    }

    .menu-btn{
        display:block;
        font-size:28px;
        z-index:1001;
        margin-right: 55px;
    }
.hero{
    padding-top:90px;
}
    .navbar{
        position:absolute;
        top:80px;
        right:20px;
        left:auto;

        width:220px;

        background:rgba(15,15,15,.98);
        backdrop-filter:blur(20px);

        border:1px solid rgba(212,175,55,.3);
        border-radius:12px;

        display:flex;
        flex-direction:column;

        opacity:0;
        visibility:hidden;
        transform:translateY(-10px);

        transition:.3s ease;

        overflow:hidden;
        box-shadow:0 15px 35px rgba(0,0,0,.4);
    }

    .navbar.active{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }

    .navbar a{
        padding:15px 20px;
        font-size:15px;
        border-bottom:1px solid rgba(255,255,255,.05);
    }

    .navbar a:last-child{
        border-bottom:none;
    }
}