@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;600;700;800&family=Libre+Baskerville:wght@400;700&display=swap');

:root{--charcoal:#141618;--slate:#1e2226;--mint:#48d1a0;--mint-light:#8be8c8;--ice:#e0f5ee;--text:#a8b2b8;--white:#f4f8f6}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Sora',sans-serif;background:var(--charcoal);color:var(--text);line-height:1.8}
h1,h2,h3{font-family:'Libre Baskerville',serif;color:var(--white)}
a{color:var(--mint);text-decoration:none;transition:.3s}
a:hover{color:var(--mint-light)}

.site-nav{background:rgba(20,22,24,.97);position:sticky;top:0;z-index:900;padding:0 2rem;border-bottom:1px solid rgba(72,209,160,.15)}
.site-nav-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}
.sn-brand{font-family:'Libre Baskerville',serif;font-size:1.4rem;font-weight:700;color:var(--mint);display:flex;align-items:center;gap:8px}
.sn-brand svg{width:28px;height:28px}
.sn-links{display:flex;list-style:none;gap:1.5rem}
.sn-links a{color:var(--text);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px}
.sn-links a:hover{color:var(--mint)}
.sn-burger{display:none;background:none;border:none;cursor:pointer}
.sn-burger span{display:block;width:24px;height:2px;background:var(--mint);margin:5px 0}

.top-hero{background:linear-gradient(180deg,var(--slate),var(--charcoal));padding:5rem 2rem;display:flex;align-items:center;justify-content:center}
.top-hero-box{max-width:800px;text-align:center}
.top-hero h1{font-size:2.6rem;margin-bottom:1rem;background:linear-gradient(90deg,var(--mint),var(--ice));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.top-hero p{font-size:1.05rem;margin-bottom:2rem;color:rgba(168,178,184,.85)}
.mint-btn{display:inline-block;padding:.85rem 2.5rem;background:var(--mint);color:var(--charcoal);font-weight:700;border-radius:8px;text-transform:uppercase;letter-spacing:1px;transition:.3s}
.mint-btn:hover{background:var(--mint-light);color:var(--charcoal)}

.flag-line{display:flex;justify-content:center;gap:2.5rem;padding:1.5rem 2rem;background:var(--slate);flex-wrap:wrap}
.flag{display:flex;align-items:center;gap:.6rem;font-size:.85rem;font-weight:600;color:var(--mint)}
.flag .fi{font-size:1.3rem}

.zone{max-width:1300px;margin:0 auto;padding:4rem 2rem}
.zone h2{text-align:center;font-size:1.9rem;margin-bottom:.8rem}
.zone .zd{text-align:center;max-width:720px;margin:0 auto 2rem;color:rgba(168,178,184,.8)}

.gbox{max-width:940px;margin:0 auto;border:2px solid var(--mint);border-radius:8px;overflow:hidden;box-shadow:0 0 35px rgba(72,209,160,.1)}
.gbox iframe{width:100%;height:580px;border:none;display:block}

.twin-cards{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}
.tc{background:var(--slate);padding:2rem;border-radius:8px}
.tc h3{font-size:1.15rem;margin-bottom:.6rem;color:var(--mint)}
.tc p{font-size:.9rem;color:rgba(168,178,184,.7)}

.foot{background:var(--slate);padding:2.5rem 2rem;text-align:center;border-top:1px solid rgba(72,209,160,.1)}
.foot a{margin:0 1rem;color:var(--mint);font-size:.88rem}
.foot .sm{margin-top:1rem;font-size:.75rem;color:rgba(168,178,184,.3);line-height:1.9}

.age-block{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:9999;display:flex;align-items:center;justify-content:center}
.age-block.done{display:none}
.age-form{background:var(--slate);border:1px solid var(--mint);padding:2.5rem;border-radius:12px;text-align:center;max-width:400px;width:90%}
.age-form h2{margin-bottom:.8rem;font-size:1.3rem;color:var(--mint)}
.age-form p{margin-bottom:1.5rem}
.af-btns{display:flex;gap:1rem;justify-content:center}
.af-btns button{padding:.7rem 2rem;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:.88rem;transition:.3s}
.af-y{background:var(--mint);color:var(--charcoal)}
.af-y:hover{background:var(--mint-light)}
.af-n{background:transparent;border:1px solid var(--text)!important;color:var(--text)}
.af-n:hover{border-color:#e74c3c!important;color:#e74c3c}

.pg-body{max-width:1300px;margin:0 auto;padding:3rem 2rem 4rem;min-height:55vh}
.pg-body h1{font-size:2.2rem;margin-bottom:1.5rem;color:var(--mint)}
.pg-body h2{font-size:1.4rem;margin:2rem 0 .8rem;color:var(--mint-light)}
.pg-body p{margin-bottom:1rem}
.pg-body ul{margin:1rem 0 1.5rem 1.5rem}
.pg-body li{margin-bottom:.5rem}

@media(max-width:768px){
  .sn-burger{display:block}
  .sn-links{display:none;position:absolute;top:64px;left:0;width:100%;background:var(--charcoal);flex-direction:column;padding:1rem 2rem;border-bottom:1px solid rgba(72,209,160,.15)}
  .sn-links.open{display:flex}
  .sn-links li{padding:.6rem 0}
  .top-hero h1{font-size:2rem}
  .twin-cards{grid-template-columns:1fr}
  .gbox iframe{height:380px}
  .flag-line{gap:1rem}
}