:root { color-scheme: dark; }
* { box-sizing: border-box; }
html { background: #03152f; }
body { margin: 0; overflow-x: hidden; background: #03152f; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 100; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.nav-shell { background: rgba(3, 21, 47, .78); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,.08); }
.hero { position: relative; min-height: 100svh; display: grid; align-items: end; overflow: hidden; background: #051d42; }
.hero::after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(2,14,34,.98) 0%, rgba(2,14,34,.87) 38%, rgba(2,14,34,.28) 70%, rgba(2,14,34,.45) 100%), linear-gradient(0deg, #03152f 0%, transparent 34%); }
.hero-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; object-position:center; transform:scale(1); }
.hero-grid { position:absolute; inset:0; opacity:.16; background-image: linear-gradient(rgba(65,181,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(65,181,255,.3) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,transparent,black,transparent); }
.gold-text { background: linear-gradient(120deg,#fff2bd 0%,#f6c453 35%,#c78616 68%,#fff0a3 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.gold-button { color:#06172e; background:linear-gradient(135deg,#fff0a9 0%,#f4bd43 45%,#b97510 100%); box-shadow:0 12px 40px rgba(246,196,83,.2),inset 0 1px 0 rgba(255,255,255,.7); transition:.25s ease; }
.gold-button:hover { transform:translateY(-2px); box-shadow:0 16px 48px rgba(246,196,83,.32); filter:saturate(1.1); }
.ghost-button { border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.055); transition:.25s ease; }
.ghost-button:hover { border-color:rgba(246,196,83,.65); background:rgba(246,196,83,.08); }
.glass { border:1px solid rgba(255,255,255,.1); background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025)); box-shadow:0 24px 80px rgba(0,0,0,.25); backdrop-filter:blur(14px); }
.section-line { height:1px; background:linear-gradient(90deg,transparent,rgba(246,196,83,.65),transparent); }
.section-kicker { color:#f6c453; text-transform:uppercase; letter-spacing:.24em; font-size:.75rem; font-weight:800; }
.chart-line { stroke-dasharray:900; stroke-dashoffset:900; animation:draw 4s ease-out .4s forwards; }
@keyframes draw { to { stroke-dashoffset:0; } }
.orb { filter:blur(2px); animation:float 8s ease-in-out infinite; }
@keyframes float { 50% { transform:translateY(-16px) rotate(4deg); } }
.copy-address { overflow-wrap:anywhere; word-break:break-all; }
.social-card { position:relative; overflow:hidden; }
.social-card::after { content:""; position:absolute; inset:auto -30% -65% 30%; height:150px; background:radial-gradient(circle,rgba(246,196,83,.22),transparent 68%); transition:.35s; }
.social-card:hover::after { transform:translate(-10%,-20%); }
@media (max-width: 900px) {
  .hero { min-height:auto; padding-top:8.5rem; }
  .hero::after { background:linear-gradient(0deg,#03152f 0%,rgba(2,14,34,.8) 52%,rgba(2,14,34,.45) 100%); }
  .hero-bg { object-position:center; opacity:.8; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }