:root{--red:#f3132b;--red2:#d90018;--ink:#0b111a;--muted:#667080;--line:#eceff3;--soft:#f7f8fa;--green:#08a979;--card:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}.topbar{height:94px;display:flex;align-items:center;max-width:1240px;margin:auto;padding:0 28px;gap:36px}.brand img{width:260px;height:68px;object-fit:contain}.desktop-nav{display:flex;gap:34px;margin-left:auto}.desktop-nav a,.login-link{text-decoration:none;color:#29313d;font-weight:650}.header-actions{display:flex;align-items:center;gap:14px}.icon-btn{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:13px;font-size:22px}.small-cta,.primary{background:linear-gradient(135deg,#ff2539,var(--red2));color:#fff;text-decoration:none;font-weight:800;border-radius:12px}.small-cta{padding:13px 19px}.menu-btn{display:none}.mobile-menu{display:none}
.hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;max-width:1240px;margin:auto;padding:72px 42px 40px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-90px;top:0;width:55%;height:100%;background:linear-gradient(135deg,transparent 20%,rgba(243,19,43,.05) 45%,rgba(243,19,43,.18));clip-path:polygon(50% 0,100% 0,100% 100%,0 100%,30% 55%);z-index:-1}.eyebrow{letter-spacing:.24em;color:#4d5664;font-weight:700;font-size:14px;display:flex;align-items:center;gap:18px}.eyebrow span{width:45px;height:3px;background:var(--red)}h1{font-size:64px;line-height:1.02;letter-spacing:-.055em;margin:28px 0 22px}h1 em{font-style:normal;color:var(--red)}.hero-lead{font-size:22px;line-height:1.48;color:#505a69}.hero-lead strong{color:#303846}.hero-actions{display:flex;gap:14px;margin-top:34px}.hero-actions a{min-width:210px;text-align:center;padding:18px 25px;border-radius:12px;font-size:18px}.primary b{float:right}.secondary{border:1.5px solid #111a25;color:#111a25;text-decoration:none;font-weight:800;background:#fff}
.phone-stage{display:flex;justify-content:center;align-items:center;transform:rotate(4deg)}.phone{width:330px;border:9px solid #0d1117;border-radius:45px;background:#fff;padding:20px 14px 13px;box-shadow:0 30px 70px rgba(10,15,25,.25)}.phone-head{display:flex;justify-content:space-between;align-items:center}.phone-head img{width:135px;height:40px;object-fit:contain}.market-select{border:1px solid var(--line);padding:10px;border-radius:10px;font-size:12px;margin:10px 0}.periods{display:flex;gap:7px}.periods span,.periods b{padding:6px 11px;background:#f3f4f6;border-radius:7px;font-size:11px}.periods b{background:var(--red);color:#fff}.chart{height:205px;margin:10px 0;position:relative}.chart svg{width:100%;height:100%}.grid path{stroke:#eef1f4;stroke-width:1}.price-tag{position:absolute;right:0;top:45%;background:var(--red);color:#fff;padding:3px 7px;border-radius:4px;font-size:10px}.stake-row{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid var(--line);padding:10px 2px}.trade-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trade-buttons button{border:0;color:#fff;padding:11px;border-radius:8px;font-weight:800}.trade-buttons small{display:block}.higher{background:#09a978}.lower{background:var(--red)}.phone-nav{display:flex;justify-content:space-between;margin-top:12px;font-size:9px;color:#657080}.phone-nav b{color:var(--red)}
.features,.stats,.markets,.promo{max-width:1160px;margin:auto}.features{display:grid;grid-template-columns:repeat(4,1fr);padding:48px 20px;border-top:1px solid #f2f3f5}.features article{text-align:center;font-size:16px}.features i{display:flex;width:76px;height:76px;margin:0 auto 13px;align-items:center;justify-content:center;border-radius:20px;background:#fff4f5;color:var(--red);font-size:38px;font-style:normal}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 20px}.stats div{text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{font-size:28px}.stats span{display:block;color:var(--muted)}.markets{padding:48px 20px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2{font-size:34px;margin:0 0 24px}.section-title a{color:var(--red);text-decoration:none;font-weight:800}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.market-grid article{border:1px solid #ffd7dc;border-radius:16px;padding:18px;background:#fff}.market-grid article div{display:flex;align-items:center;gap:8px}.market-grid i{font-style:normal;color:var(--red);font-size:22px}.market-grid span{color:#7a8492;font-size:13px}.market-grid svg{width:100%;height:40px;margin:10px 0}.market-grid polyline{fill:none;stroke:var(--red);stroke-width:2}.market-grid footer{display:flex;justify-content:space-between}.market-grid em{font-style:normal;color:var(--green);font-weight:800}.promo{margin-bottom:80px;background:linear-gradient(110deg,#410003,#b60010 58%,#ef1027);color:#fff;border-radius:18px;padding:34px 42px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.promo small{letter-spacing:.25em;color:#ff6c78}.promo h2{font-size:36px;margin:8px 0}.promo p{font-size:17px}.promo a{display:inline-block;background:#fff;color:#111;text-decoration:none;font-weight:800;padding:13px 22px;border-radius:9px}.gift{font-size:72px;font-weight:1000;border:4px solid rgba(255,255,255,.5);border-radius:30px;padding:28px;transform:rotate(-8deg)}.bottom-nav{display:none}
body.dark{--ink:#f7f7f8;--muted:#a7adba;--line:#282d35;--soft:#15191f;--card:#11151a;background:#0d1014;color:var(--ink)}body.dark .topbar,body.dark .icon-btn,body.dark .secondary,body.dark .phone,body.dark .market-grid article{background:#11151a;color:#fff}body.dark .desktop-nav a,body.dark .login-link{color:#ddd}
@media(max-width:760px){body{padding-bottom:74px}.topbar{height:96px;padding:10px 18px}.brand img{width:220px;height:72px}.desktop-nav,.login-link,.small-cta{display:none}.header-actions{margin-left:auto}.menu-btn{display:block}.mobile-menu{position:fixed;z-index:50;top:82px;right:15px;width:190px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px #0002;border-radius:16px;padding:10px;flex-direction:column}.mobile-menu.open{display:flex}.mobile-menu a{padding:13px;color:#111;text-decoration:none;font-weight:700}.hero{display:block;min-height:auto;padding:48px 22px 0}.eyebrow{font-size:12px}.eyebrow span{width:34px}h1{font-size:49px;margin:23px 0 22px}.hero-lead{font-size:20px}.hero-actions{display:grid}.hero-actions a{width:100%;padding:18px}.phone-stage{height:420px;justify-content:flex-end;margin:4px -62px -25px 0;transform:rotate(5deg)}.phone{width:280px;transform:scale(.9)}.features{grid-template-columns:repeat(4,1fr);padding:28px 10px}.features i{width:58px;height:58px;font-size:30px}.features b{font-size:12px}.stats{padding:22px 8px}.stats b{font-size:22px}.stats span{font-size:12px}.markets{padding:34px 18px}.section-title h2{font-size:30px}.market-grid{display:flex;overflow:auto;gap:10px;padding-bottom:5px}.market-grid article{min-width:230px}.promo{margin:0 16px 22px;border-radius:14px;padding:25px 22px}.promo h2{font-size:29px}.gift{font-size:35px;padding:18px}.bottom-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;height:74px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#606b79;font-size:21px}.bottom-nav span{font-size:11px;margin-top:4px}.bottom-nav .active{color:var(--red)}}
.home-auth-status{display:none;position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:80;background:#111827;color:#fff;padding:12px 18px;border-radius:10px;font-weight:700;box-shadow:0 8px 30px #0003}.home-auth-status.show{display:block}
@media(max-width:760px){.hero{overflow:hidden}.phone-stage{height:440px;justify-content:center;margin:18px auto -28px;transform:rotate(2deg);width:100%;}.phone{width:300px;transform:scale(.92);transform-origin:center top}.market-grid{display:grid;grid-template-columns:1fr;overflow:visible}.market-grid article{min-width:0}.section-title{gap:12px}.section-title h2{font-size:29px}.section-title a{white-space:nowrap}.hero-copy{position:relative;z-index:2}}
@media(min-width:761px) and (max-width:1024px){.hero{grid-template-columns:1fr 1fr;padding-left:28px;padding-right:28px}.phone{width:300px}.brand img{width:230px}}
\n/* Desktop navigation affordance + complete theme pass */\n.desktop-nav a{padding:10px 14px;border:1px solid transparent;border-radius:10px;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}\n.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--red);background:#fff4f5;border-color:#ffc8ce;box-shadow:0 0 0 3px rgba(237,27,47,.08),0 8px 22px rgba(237,27,47,.12);transform:translateY(-1px);outline:none}\n.small-cta{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.small-cta:hover,.small-cta:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px rgba(237,27,47,.28);filter:brightness(1.04);outline:none}\n.icon-btn{cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}.icon-btn:hover{border-color:#ffc8ce;box-shadow:0 0 0 3px rgba(237,27,47,.08)}\n.mobile-start{color:#fff!important;background:linear-gradient(135deg,#ff2539,var(--red2));border-radius:10px;text-align:center;margin-top:4px}\nbody.dark .topbar,body.dark .mobile-menu,body.dark .bottom-nav,body.dark .features,body.dark .stats,body.dark .markets{background:#0d1014;color:#f7f7f8}\nbody.dark .hero{background:radial-gradient(circle at 82% 32%,rgba(237,27,47,.12),transparent 30%),#0d1014}\nbody.dark .desktop-nav a{color:#f2f4f7}body.dark .desktop-nav a:hover,body.dark .desktop-nav a:focus-visible{color:#fff;background:#26151a;border-color:#7c2631;box-shadow:0 0 0 3px rgba(255,62,82,.10),0 8px 22px rgba(0,0,0,.25)}\nbody.dark .mobile-menu a,body.dark .hero-lead,body.dark .market-grid article span,body.dark .stats span{color:#d0d5dd}\nbody.dark .market-grid article,body.dark .promo{box-shadow:none}body.dark .market-grid article{border-color:#343a43}body.dark .market-grid article footer{border-color:#343a43}\nbody.dark .phone{background:#11151a;border-color:#d0d5dd;box-shadow:0 30px 60px #0008}body.dark .market-select,body.dark .periods span{background:#20252d;color:#f7f7f8}body.dark .chart{background:#11151a}body.dark .grid{stroke:#303640}\nbody.dark .secondary{border-color:#6b7280;color:#fff}body.dark .features article b,body.dark .stats b,body.dark .section-title h2{color:#f7f7f8}\nbody.dark .bottom-nav a{color:#c7cdd6}body.dark .bottom-nav .active{color:#ff3448}\nbody.dark .icon-btn{background:#15191f;color:#fff;border-color:#343a43}\nbody.dark .home-auth-status{background:#15191f;color:#fff;border-color:#343a43}\n@media(max-width:760px){body.dark .mobile-menu{background:#11151a}body.dark .mobile-menu a{color:#f7f7f8}}\n
/* Dark-mode readability corrections */
body.dark .eyebrow{color:#f2f4f7;font-weight:800;text-shadow:0 0 14px rgba(255,255,255,.08)}
body.dark .hero-lead{color:#e4e7ec}
body.dark .hero-lead strong{color:#ffffff}
body.dark .brand img, body.dark .phone-head img{filter:none}