:root{
  --bg:#030405; --panel:#0b0d10; --panel2:#101318;
  --gold:#d7a83d; --gold2:#ffe39a; --gold3:#fff5cf;
  --blue:#236cff; --cyan:#42d9ff; --green:#35dc8a;
  --text:#f8f5ec; --muted:#9ea3ad; --line:rgba(255,255,255,.09);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter,"DM Sans",Arial,sans-serif;color:var(--text);background:#020304;
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-10;
  background:
    radial-gradient(circle at 8% 12%,rgba(215,168,61,.12),transparent 24%),
    radial-gradient(circle at 92% 20%,rgba(35,108,255,.12),transparent 25%),
    radial-gradient(circle at 50% 90%,rgba(53,220,138,.06),transparent 24%);
}
body:after{
  content:"";position:fixed;inset:0;z-index:-9;pointer-events:none;opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:80px 80px;mask-image:linear-gradient(#000,transparent 85%);
}
a{text-decoration:none;color:inherit}
.container{width:min(1200px,92%);margin:auto}
.gold{background:linear-gradient(110deg,#fff3bd,#d7a83d 42%,#fff0a6 72%,#a86f18);-webkit-background-clip:text;background-clip:text;color:transparent}
.glass{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.018));border:1px solid var(--line);backdrop-filter:blur(18px)}
header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:.35s}
header.scrolled{background:rgba(3,4,5,.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:55px;height:55px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 0 16px rgba(215,168,61,.18))}
.brand strong{font-family:Georgia,serif;font-size:18px;letter-spacing:2px}.brand small{display:block;color:#92959c;letter-spacing:3px;font-size:9px;margin-top:2px}
.navlinks{display:flex;gap:27px;align-items:center}.navlinks a{font-size:13px;color:#d9d9dc;transition:.25s}.navlinks a:hover{color:var(--gold2)}
.navlinks .signup{padding:11px 19px;border-radius:30px;background:linear-gradient(135deg,#fff0aa,#c99228);color:#171108;font-weight:800;box-shadow:0 8px 28px rgba(215,168,61,.18)}
.menu{display:none;background:#111419;color:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-size:19px}

.hero{min-height:100vh;padding:145px 0 70px;display:flex;align-items:center;position:relative}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}
.badge{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(215,168,61,.28);border-radius:30px;background:rgba(215,168,61,.05);color:var(--gold2);font-size:10px;letter-spacing:2.5px}
.badge i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green)}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,6.2vw,82px);line-height:.98;letter-spacing:-3px;margin:23px 0}
.hero-copy{font-size:16px;line-height:1.85;color:var(--muted);max-width:650px}
.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border-radius:30px;font-weight:800;font-size:13px;transition:.3s}
.primary{background:linear-gradient(135deg,#fff0aa,#d19b32);color:#151109;box-shadow:0 12px 35px rgba(215,168,61,.2)}.primary:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(215,168,61,.3)}
.secondary{border:1px solid var(--line);background:rgba(255,255,255,.03);color:#eee}.secondary:hover{border-color:rgba(215,168,61,.4);transform:translateY(-3px)}

.hero-visual{position:relative;height:540px;display:grid;place-items:center}
.logo-orbit{position:relative;width:420px;height:420px;border-radius:50%;display:grid;place-items:center}
.logo-orbit:before,.logo-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(215,168,61,.22);inset:0;animation:spin 18s linear infinite}
.logo-orbit:after{inset:38px;border-style:dashed;border-color:rgba(35,108,255,.28);animation-direction:reverse;animation-duration:12s}
.logo-glow{position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(215,168,61,.22),transparent 68%);filter:blur(10px)}
.main-logo{width:250px;height:250px;object-fit:contain;z-index:2;filter:drop-shadow(0 0 28px rgba(215,168,61,.3));animation:logoFloat 5s ease-in-out infinite}
.orbit-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--gold2);box-shadow:0 0 20px var(--gold2);top:12px;left:50%;animation:spin 6s linear infinite;transform-origin:0 198px}
.float-card{position:absolute;padding:14px 16px;border-radius:16px;z-index:4;box-shadow:0 20px 50px #0008;animation:float 5s ease-in-out infinite}
.float-card.one{top:45px;right:0}.float-card.two{bottom:55px;left:0;animation-delay:-2s}
.float-card small{display:block;color:#777c86;font-size:9px;letter-spacing:1.5px}.float-card b{font-size:17px;display:block;margin-top:4px}.green{color:var(--green)}.blue{color:#63a0ff}
.spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff;animation:twinkle 2.5s infinite}
.s1{top:12%;left:12%}.s2{top:20%;right:10%;animation-delay:.6s}.s3{bottom:15%;right:16%;animation-delay:1.2s}.s4{bottom:23%;left:12%;animation-delay:1.8s}

.market-strip{border-block:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.018)}
.marquee{display:flex;width:max-content;animation:marquee 32s linear infinite}
.marquee span{padding:14px 30px;border-right:1px solid var(--line);font-size:11px;letter-spacing:1.4px;color:#aaa}.marquee b{color:#eee}.marquee em{font-style:normal;color:var(--green);margin-left:7px}

section{padding:105px 0}.heading{text-align:center;max-width:770px;margin:0 auto 52px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold2);font-weight:800;margin-bottom:14px}.heading h2{font-family:Georgia,serif;font-size:clamp(35px,4vw,56px);line-height:1.05}.heading p{color:var(--muted);line-height:1.8;margin-top:17px;font-size:14px}

.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat-box{padding:25px;border-radius:20px;text-align:center}.stat-box b{display:block;font-family:Georgia,serif;font-size:30px;color:var(--gold2)}.stat-box span{font-size:10px;color:#8c9099;letter-spacing:1.5px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:30px;border-radius:24px;position:relative;overflow:hidden;transition:.35s}.card:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(215,168,61,.08);right:-90px;top:-90px;filter:blur(10px)}.card:hover{transform:translateY(-9px);border-color:rgba(215,168,61,.3);box-shadow:0 25px 60px #0007}
.icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;border:1px solid rgba(215,168,61,.25);background:rgba(215,168,61,.07);color:var(--gold2);font-size:22px;margin-bottom:22px}.card h3{font-size:19px;margin-bottom:11px}.card p{font-size:13px;line-height:1.8;color:var(--muted)}

.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.about-panel{min-height:470px;border-radius:30px;padding:25px;position:relative;overflow:hidden;display:grid;place-items:center}
.about-panel:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(35,108,255,.2),transparent 65%);filter:blur(15px)}
.rings{width:290px;height:290px;border-radius:50%;border:1px solid rgba(215,168,61,.32);position:relative;display:grid;place-items:center;animation:spin 18s linear infinite}.rings:before{content:"";position:absolute;inset:28px;border:1px dashed rgba(255,255,255,.12);border-radius:50%}.rings img{width:150px;height:150px;object-fit:contain;animation:spin 18s linear infinite reverse;filter:drop-shadow(0 0 20px rgba(215,168,61,.3))}
.about-copy h2{font-family:Georgia,serif;font-size:clamp(36px,4vw,54px);line-height:1.05}.about-copy p{color:var(--muted);line-height:1.9;font-size:14px;margin-top:17px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.check{font-size:12px;color:#d9dbe0;display:flex;gap:8px}.check b{color:var(--gold2)}

.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{padding:27px;border-radius:21px}.num{font-family:Georgia,serif;font-size:36px;color:rgba(215,168,61,.65)}.step h3{font-size:16px;margin:10px 0}.step p{font-size:12px;line-height:1.75;color:var(--muted)}

.cta{padding:70px 40px;border-radius:32px;text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;width:500px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(215,168,61,.18),transparent 68%);top:-180px;left:50%;transform:translateX(-50%)}.cta h2{position:relative;font-family:Georgia,serif;font-size:clamp(35px,4vw,55px)}.cta p{position:relative;color:var(--muted);max-width:650px;margin:15px auto 25px;line-height:1.8;font-size:14px}

.contact{display:grid;grid-template-columns:1fr .9fr;gap:30px;padding:38px;border-radius:30px}.contact h2{font-family:Georgia,serif;font-size:48px}.contact p{color:var(--muted);line-height:1.8;margin-top:15px}.contact-list{display:grid;gap:11px}.contact-item{padding:17px;border:1px solid var(--line);border-radius:15px;background:#0003}.contact-item small{display:block;color:#777c86;font-size:9px;letter-spacing:1.5px;margin-bottom:6px}.contact-item span{font-size:13px}

footer{border-top:1px solid var(--line);padding:28px 0;background:#020304}.footer{display:flex;justify-content:space-between;gap:20px}.footer p{font-size:11px;color:#747982;line-height:1.7}.footer a{font-size:11px;color:#aeb1b7;margin-left:18px}.disclaimer{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;color:#5f646d;font-size:9px;line-height:1.8}

.reveal{opacity:0;transform:translateY(28px);transition:.8s}.reveal.show{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes logoFloat{50%{transform:translateY(-10px)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes twinkle{50%{opacity:.15;transform:scale(.5)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.hero-grid,.split,.contact{grid-template-columns:1fr}.hero{text-align:center}.hero-copy{margin:auto}.buttons{justify-content:center}.hero-visual{height:470px}.stats-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.navlinks{display:none;position:absolute;top:76px;left:4%;right:4%;padding:14px;flex-direction:column;align-items:stretch;background:#090b0e;border:1px solid var(--line);border-radius:18px}.navlinks.open{display:flex}.navlinks a{padding:12px}.menu{display:block}.brand div{display:none}.hero{padding-top:120px}.hero h1{font-size:48px}.hero-visual{height:400px}.logo-orbit{width:310px;height:310px}.main-logo{width:190px;height:190px}.orbit-dot{transform-origin:0 143px}.float-card.one{right:-5px;top:25px}.float-card.two{left:-5px;bottom:25px}.cards,.timeline,.stats-grid,.checks{grid-template-columns:1fr}.contact h2{font-size:38px}section{padding:80px 0}.cta{padding:50px 22px}}

/* Trading terminal visual */
.hero-visual.trading{position:relative;height:540px}
.trading-terminal{position:absolute;inset:20px 0;border-radius:25px;overflow:hidden;background:#070a0e;border:1px solid rgba(255,255,255,.13);box-shadow:0 35px 90px #000b,0 0 80px rgba(35,108,255,.10)}
.terminal-top{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:#0d1116;border-bottom:1px solid rgba(255,255,255,.08)}
.term-brand{font-size:9px;letter-spacing:2px;color:#b7bbc3}.term-live{font-size:8px;color:#52e39b}.term-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#35dc8a;box-shadow:0 0 10px #35dc8a;margin-right:5px}
.terminal-body{display:grid;grid-template-columns:1fr 115px;height:calc(100% - 48px)}
.chart-area{position:relative;padding:13px 10px;background:linear-gradient(180deg,rgba(35,108,255,.06),transparent)}
.chart-label{display:flex;justify-content:space-between;font-size:12px;position:relative;z-index:3}.chart-label span{color:#50e19a;font-size:9px}
.grid-lines{position:absolute;inset:48px 10px 10px;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 35px}
.candle-chart{position:absolute;left:12px;right:10px;top:58px;bottom:18px}
.candle{position:absolute;bottom:var(--b);height:var(--h);width:8px;background:var(--c);border-radius:2px}.candle:before{content:"";position:absolute;width:1px;height:calc(100% + 13px);top:-7px;left:3px;background:var(--c)}
.candle.up{--c:#35dc8a}.candle.down{--c:#ed6171}
.t1{left:3%;--b:26%;--h:21%}.t2{left:8%;--b:34%;--h:14%}.t3{left:13%;--b:29%;--h:27%}.t4{left:18%;--b:41%;--h:18%}.t5{left:23%;--b:38%;--h:29%}.t6{left:28%;--b:47%;--h:15%}.t7{left:33%;--b:44%;--h:25%}.t8{left:38%;--b:53%;--h:20%}.t9{left:43%;--b:49%;--h:30%}.t10{left:48%;--b:60%;--h:17%}.t11{left:53%;--b:56%;--h:26%}.t12{left:58%;--b:66%;--h:15%}.t13{left:63%;--b:62%;--h:28%}.t14{left:68%;--b:72%;--h:17%}.t15{left:73%;--b:68%;--h:25%}.t16{left:78%;--b:77%;--h:12%}.t17{left:83%;--b:73%;--h:21%}.t18{left:88%;--b:81%;--h:12%}.t19{left:93%;--b:78%;--h:18%}
.price-line{position:absolute;right:8px;top:38%;font-size:8px;color:#57dfa0;background:rgba(53,220,138,.1);padding:4px 6px;border-radius:4px}
.trade-chip{position:absolute;left:14px;bottom:13px;padding:7px 10px;border-radius:7px;background:rgba(215,168,61,.09);border:1px solid rgba(215,168,61,.2);font-size:7px;color:#f1d681;letter-spacing:1px}
.terminal-side{border-left:1px solid rgba(255,255,255,.08);padding:10px;background:rgba(255,255,255,.018)}.pair{padding:11px 5px;border-bottom:1px solid rgba(255,255,255,.06)}.pair small{display:block;color:#737985;font-size:8px;letter-spacing:1px}.pair b{font-size:11px;display:block;margin:4px 0}.pair span{font-size:8px;color:#45d98b}
.market-pills{position:absolute;left:15px;top:0;display:flex;gap:5px;flex-wrap:wrap;z-index:5}.market-pills span{font-size:7px;padding:5px 8px;border-radius:5px;background:#0c1117;border:1px solid rgba(255,255,255,.1);color:#a5abb5}.market-pills .active{color:#f4d276;border-color:rgba(215,168,61,.35)}
.trading .float-card{z-index:8}.forex-globe{position:absolute;right:-35px;bottom:-45px;width:180px;height:180px;border-radius:50%;border:1px solid rgba(66,217,255,.2);box-shadow:inset 0 0 60px rgba(35,108,255,.08);opacity:.6}.forex-globe:before{content:"";position:absolute;inset:25px;border:1px solid rgba(66,217,255,.15);border-radius:50%}
@media(max-width:700px){.hero-visual.trading{height:410px}.terminal-side{display:none}.terminal-body{display:block}.market-pills{top:-8px}}