:root{--bg0:#050509;--bg1:#07070a;--panel:rgba(14,14,18,.78);--panel2:rgba(20,20,26,.78);--ink:#f5f6fb;--ink2:rgba(245,246,251,.78);--muted:rgba(245,246,251,.62);--gold:#ffd84d;--gold2:#ffea8a;--goldDeep:#d9aa1e;--danger:#ff3b3b;--ok:#19c37d;--shadow:0 18px 55px rgba(0,0,0,.55);--shadow2:0 10px 30px rgba(0,0,0,.45);--radius:18px;--radius2:26px;--max:1100px;--pad:clamp(16px,3vw,28px);--focus:0 0 0 3px rgba(255,216,77,.25),0 0 0 1px rgba(255,216,77,.35);--logoPng:url("https://imgur.com/VsyGpA4.png");}
*{box-sizing:border-box;}
html,body{height:100%;}
html{scroll-behavior:smooth;}
body{margin:0;color:var(--ink);background:radial-gradient(1000px 700px at 50% 0%,rgba(255,216,77,.055),transparent 55%),radial-gradient(900px 600px at 20% 18%,rgba(255,216,77,.03),transparent 60%),radial-gradient(900px 700px at 80% 40%,rgba(255,216,77,.025),transparent 64%),linear-gradient(180deg,var(--bg0),var(--bg1));font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:.2px;overflow-x:hidden;text-align:center;position:relative;isolation:isolate;}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(1200px 700px at 50% 12%,rgba(255,216,77,.055),transparent 55%),radial-gradient(900px 600px at 55% 65%,rgba(255,216,77,.025),transparent 62%),radial-gradient(700px 500px at 15% 75%,rgba(255,216,77,.02),transparent 70%);opacity:.85;animation:glowDrift 10.5s ease-in-out infinite alternate;filter:saturate(1.02);}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");background-repeat:repeat;mix-blend-mode:overlay;}
@keyframes glowDrift{from{transform:translate3d(0,0,0) scale(1);}to{transform:translate3d(0,-8px,0) scale(1.02);}}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
h1,h2,h3{margin:0;line-height:1.1;}

.logoPng{width:18px;height:18px;background-image:var(--logoPng);background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35));display:inline-block;flex:0 0 auto;}

.wrap{width:min(var(--max),calc(100% - (var(--pad) * 2)));margin:0 auto;padding:clamp(22px,4vw,44px) 0 64px;}
section{padding:clamp(18px,3.2vw,34px) 0;}

/* Logo */
.logo-section{padding-top:clamp(24px,5vw,48px);padding-bottom:0;}
.top-logo{width:clamp(64px,12vw,100px);height:auto;margin:0 auto;border-radius:22px;box-shadow:0 18px 55px rgba(0,0,0,.55);border:1px solid rgba(255,216,77,.18);}

/* Kicker & Hero */
.kicker{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,216,77,.25);background:rgba(10,10,14,.55);box-shadow:0 10px 30px rgba(0,0,0,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:rgba(255,216,77,.92);font-size:12px;letter-spacing:.6px;text-transform:uppercase;}
.hero-title{font-size:clamp(26px,3.4vw,46px);letter-spacing:.4px;margin-top:14px;}
.section-title{font-size:clamp(20px,2.8vw,34px);margin-bottom:10px;}
.section-sub{margin:0 auto;max-width:900px;color:var(--ink2);font-size:clamp(13px,1.55vw,16px);line-height:1.55;}

/* Separator */
.sep{width:min(860px,100%);height:1px;margin:clamp(18px,2.5vw,24px) auto 0;background:linear-gradient(90deg,transparent,rgba(255,216,77,.14),rgba(255,216,77,.55),rgba(255,216,77,.14),transparent);position:relative;overflow:hidden;border-radius:999px;}
.sep::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,234,138,.75),transparent);width:40%;transform:translateX(-120%);animation:sepSweep 2.8s ease-in-out infinite;opacity:.7;}
@keyframes sepSweep{0%{transform:translateX(-120%);}55%{transform:translateX(260%);}100%{transform:translateX(260%);}}

/* FAQ Items */
.faq{width:min(980px,100%);margin:18px auto 0;display:flex;flex-direction:column;gap:14px;text-align:center;}
.faq-item{border-radius:var(--radius);border:1px solid rgba(255,216,77,.12);background:rgba(14,14,18,.72);box-shadow:0 16px 44px rgba(0,0,0,.45);overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.faq-item[open]{border-color:rgba(255,216,77,.28);box-shadow:0 22px 60px rgba(0,0,0,.55),0 0 0 1px rgba(255,216,77,.10) inset;}
details summary{list-style:none;cursor:pointer;padding:16px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;outline:none;user-select:none;}
details summary::-webkit-details-marker{display:none;}
.q{text-align:left;font-size:13.5px;color:#fff;line-height:1.35;flex:1 1 auto;}
.chev{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(10,10,14,.55);border:1px solid rgba(255,216,77,.16);box-shadow:0 12px 28px rgba(0,0,0,.35);flex:0 0 auto;transition:transform .22s ease,border-color .22s ease;}
.chev svg{width:18px;height:18px;color:rgba(255,216,77,.92);}
details[open] .chev{transform:rotate(180deg);border-color:rgba(255,216,77,.28);}
.a{padding:0 16px 16px;text-align:left;color:var(--ink2);font-size:12.5px;line-height:1.6;}
.faq-content{overflow:hidden;height:0;transition:height .28s ease;}
details[open] .faq-content{height:auto;}

/* FAQ Video Blocks */
.faq-videos{width:min(980px,100%);margin:18px auto 0;display:flex;flex-direction:column;gap:100px;}
.faq-video-block{border-radius:var(--radius);background:rgba(14,14,18,.72);border:1px solid rgba(255,216,77,.12);box-shadow:0 18px 44px rgba(0,0,0,.45);padding:clamp(16px,2.5vw,24px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .22s ease,box-shadow .22s ease;}
.faq-video-block:hover{border-color:rgba(255,216,77,.28);box-shadow:0 26px 60px rgba(0,0,0,.55),0 0 0 1px rgba(255,216,77,.09) inset;}
.faq-video-title{font-size:clamp(15px,2vw,20px);color:#fff;letter-spacing:.3px;margin:0 0 14px;text-align:left;}
.video-embed{border-radius:14px;overflow:hidden;background:rgba(0,0,0,.55);border:1px solid rgba(255,216,77,.16);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);}
.video-embed iframe{width:100%;display:block;border:none;}

/* Footer */
footer{padding-top:16px;padding-bottom:0;}
.foot{width:min(980px,100%);margin:0 auto;padding:18px 16px;border-radius:var(--radius2);border:1px solid rgba(255,216,77,.12);background:rgba(14,14,18,.65);box-shadow:0 18px 55px rgba(0,0,0,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--muted);font-size:12px;line-height:1.6;}
.foot strong{color:rgba(255,216,77,.92);}
.foot .tiny{margin-top:10px;color:rgba(245,246,251,.56);font-size:11px;line-height:1.6;}

/* Reveal animation */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease;will-change:opacity,transform;}
.reveal.show{opacity:1;transform:translateY(0);}

:focus-visible{outline:none;}

@media (max-width:640px){
  body{background:radial-gradient(900px 520px at 50% 0%,rgba(255,216,77,.035),transparent 58%),radial-gradient(700px 520px at 18% 22%,rgba(255,216,77,.02),transparent 62%),linear-gradient(180deg,#050507,#06060a);}
  body::before{opacity:.62;background:radial-gradient(950px 520px at 50% 10%,rgba(255,216,77,.03),transparent 60%),radial-gradient(700px 520px at 70% 70%,rgba(255,216,77,.015),transparent 68%);animation:none;}
  body::after{opacity:.07;}
}
