@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#070b14;--panel:#0e1929;--panel2:#101d30;--blue:#29bdf2;--purple:#9b5cff;--white:#f3f6ff;--muted:#9eacc2;--line:#203d58}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif}
a{color:inherit}
.hero{min-height:clamp(560px,90vh,900px);position:relative;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden;background:#0a1020 url("assets/hero.jpg") center 48%/cover no-repeat;border-bottom:1px solid var(--blue)}
.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,7,16,.68),rgba(4,7,16,.15) 60%,rgba(4,7,16,.18)),linear-gradient(0deg,rgba(4,7,16,.94),transparent 65%,rgba(4,7,16,.22))}
.quick-links{position:absolute;top:30px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:10px 14px;background:rgba(4,10,21,.88);border:1px solid rgba(54,190,246,.18);border-radius:10px;backdrop-filter:blur(12px)}
.nav-icon{width:48px;height:42px;display:grid;place-items:center;border-radius:6px;color:var(--blue);transition:background .2s,transform .2s}
.nav-icon:hover{background:#13243a;transform:translateY(-2px)}
.nav-icon svg{width:24px;height:24px;fill:currentColor}
.hero-copy{width:min(1100px,100%);padding:90px 7.5% 100px;margin:0 auto}
.eyebrow,.section-kicker{font-size:11px;letter-spacing:.22em;font-weight:800;color:var(--blue)}
h1,h2,h3,.number,summary,.cta{font-family:'Barlow Condensed',Impact,sans-serif}
h1{font-size:clamp(58px,10vw,132px);line-height:.82;letter-spacing:-.035em;margin:22px 0 20px;font-weight:900;text-shadow:0 4px 30px #0008}
h1 span{display:block;color:var(--blue)}
.hero-copy p{font-size:clamp(15px,2vw,20px);color:#d1d8e7;max-width:550px;line-height:1.7}
.cta{margin-top:25px;display:inline-flex;align-items:center;gap:30px;padding:14px 20px;background:var(--blue);color:#03101c;text-decoration:none;font-size:17px;font-weight:800;letter-spacing:.06em;border:1px solid var(--blue);transition:transform .2s,background .2s}
.cta:hover{transform:translateY(-3px);background:#74dcff}
.cta span{font-family:Inter,sans-serif;font-size:19px}
.scroll-mark{position:absolute;right:5%;bottom:35px;color:#c2cbe0;font-size:10px;letter-spacing:.2em;writing-mode:vertical-rl}
.section{padding:clamp(68px,9vw,120px) 5.3%;border-bottom:1px solid #17283d}
.section-inner{max-width:1300px;margin:0 auto}
.information{background:var(--bg)}
.section-kicker{margin:0 0 12px}
h2{font-size:clamp(36px,5vw,52px);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0 0 24px}
.intro{font-size:clamp(14px,1.5vw,17px);line-height:1.85;color:var(--muted);max-width:1100px;margin:0 0 24px}
.info-list{border:1px solid var(--blue);border-radius:5px;overflow:hidden}
.info-card{min-height:120px;padding:24px;display:grid;grid-template-columns:70px 1fr 20px;align-items:center;gap:12px;background:var(--panel);border-bottom:1px solid var(--line);transition:background .2s,padding .2s}
.info-card:last-child{border-bottom:0}
.info-card:hover{background:#13243a;padding-left:30px}
.number{font-size:27px;color:var(--blue);font-weight:700;white-space:nowrap}
.info-card h3{margin:0 0 9px;color:var(--blue);font-size:25px;font-weight:700}
.info-card p{margin:0;color:var(--muted);line-height:1.7;font-size:15px}
.card-arrow{color:var(--blue);font-size:22px;opacity:.65}
.faq{background:var(--panel)}
.faq-inner{max-width:1180px}
.accordion{border-top:1px solid var(--line)}
details{border:1px solid transparent;border-bottom-color:var(--line);padding:0 16px;transition:border-color .2s,background .2s}
details[open]{border:1px solid var(--purple);background:#0c1626}
summary{cursor:pointer;list-style:none;padding:18px 0;font-size:21px;font-weight:600;color:#aab6cb;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";font-family:Inter,sans-serif;color:var(--blue);font-size:20px}
details[open] summary:after{content:"−"}
details p{margin:0;padding:0 0 20px;color:var(--muted);font-size:14px;line-height:1.8;max-width:850px}
.discord-note{color:var(--muted);line-height:1.8;margin:28px 0 0;font-size:15px}
.cta-outline{background:transparent;color:var(--blue);margin-top:18px}
.cta-outline:hover{background:var(--blue);color:#03101c}
footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:26px 5.3%;font-size:10px;letter-spacing:.15em;color:#7e8da5;background:#050810}
footer span:first-child{font-family:'Barlow Condensed',sans-serif;font-size:16px;color:var(--white);font-weight:800}
footer b{color:var(--blue)}
@media(max-width:650px){.hero{min-height:690px;background-position:56% center}.hero-copy{padding:70px 7% 95px}.scroll-mark{right:6%;bottom:25px}.section{padding:65px 6%} .info-card{grid-template-columns:1fr 18px;gap:7px;padding:20px}.number{grid-column:1/-1;font-size:21px}.info-card h3{font-size:24px}.info-card p{font-size:14px}.card-arrow{grid-column:2;grid-row:2}.info-card:hover{padding-left:23px}summary{font-size:19px}footer{padding:24px 6%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}