@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@300;400;500;600&display=swap');
html {
  overflow-y: scroll;
  scrollbar-width: none;
}
html::-webkit-scrollbar {
  display: none;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:#f4f1ea;color:#1e1e1e}
nav{background:#1f2a44;padding:20px 60px;display:flex;justify-content:space-between;align-items:center}
.logo{font-family:'Playfair Display',serif;font-size:22px;color:#d4a84f;text-decoration:none}
.nav-links{display:flex;gap:32px;align-items:center}
.nav-links a{color:#e5e5e5;text-decoration:none;font-size:14px;letter-spacing:1px}
.nav-links a:hover{opacity:0.7}
.join-btn{background:#d4a84f;padding:10px 18px;border-radius:6px;color:#111;font-weight:600}
.hero{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:linear-gradient(135deg,#0f1c2e 0%,#1b1e2b 40%,#3a1f12 100%);
  color:white;
  padding:20px;
}
.hero h1{font-family:'Playfair Display',serif;font-size:64px}
.hero h1 span{color:#d4a84f}
.subtitle{margin:15px 0;font-size:20px;opacity:0.8}
.description{max-width:700px;line-height:1.6;margin-bottom:30px}
.badge{border:1px solid rgba(255,255,255,0.4);padding:8px 20px;border-radius:30px;font-size:12px;letter-spacing:1px;margin-bottom:30px;color:#d4a84f}
.buttons{display:flex;gap:20px}
.primary-btn{background:#d4a84f;color:#111;padding:14px 28px;border-radius:6px;text-decoration:none;font-weight:600}
.secondary-btn{border:1px solid white;padding:14px 28px;border-radius:6px;text-decoration:none;color:white}
.header{padding:100px 60px 40px 60px}
.header small{letter-spacing:3px;color:#b48b3c;font-weight:600}
.header h1{font-family:'Playfair Display',serif;font-size:56px;margin:20px 0}
.header p{font-size:20px;color:#555;line-height:1.7;max-width:900px}
.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:40px 60px}
.card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,0.06);transition:0.3s}
.card:hover{transform:translateY(-6px)}
.card-header{background:#1f2a44;color:white;padding:40px}
.card-header small{color:#d4a84f;letter-spacing:2px;font-weight:600}
.card-header h2{font-family:'Playfair Display',serif;margin-top:15px;font-size:30px}
.card-header p{margin-top:12px;opacity:0.8}
.card-body{padding:40px}
.card-body ul{list-style:none;line-height:2.2;color:#555}
.card-body li::before{content:"→";margin-right:12px;color:#b48b3c;font-weight:bold}
.beyond{background:#ece6da;padding:100px 60px}
.beyond h2{font-family:'Playfair Display',serif;font-size:40px;margin-bottom:60px}
.beyond-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px}
.beyond h4{color:#b48b3c;letter-spacing:2px;margin-bottom:15px;font-weight:600}
.beyond p{color:#555;line-height:1.7;font-size:17px}
.under-construction{height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.under-construction h1{font-family:'Playfair Display',serif;font-size:48px;margin-bottom:20px}
@media(max-width:900px){
.card-grid{grid-template-columns:1fr;padding:20px}
.beyond-grid{grid-template-columns:1fr}
nav{padding:20px}
.header{padding:60px 20px}
.beyond{padding:60px 20px}
}
body.home {
  overflow: hidden;
  height: 100vh;
}