@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800&family=Inter:wght@400;500;600;700&display=swap');


:root { --ink:#050809; --panel:#0b1012; --line:#1b2528; --lime:#dfff00; --cyan:#21dcff; --muted:#89979a; --white:#f4f7f5; }
* { box-sizing:border-box; }
html, body, img { -webkit-user-select:none; user-select:none; -webkit-user-drag:none; }
a, button, summary { -webkit-tap-highlight-color:transparent; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--white); font-family:Inter,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { height:82px; display:flex; align-items:center; padding:0 5vw; position:absolute; inset:0 0 auto; z-index:10; border-bottom:1px solid rgba(255,255,255,.09); }
.brand { display:flex; align-items:center; gap:8px; font-family:"Barlow Condensed",sans-serif; font-size:22px; font-weight:900; letter-spacing:-.5px; }
.brand img { width:54px; height:54px; object-fit:contain; }
.brand>span>span { color:var(--lime); }
nav { display:flex; gap:34px; margin:auto; font-size:13px; font-weight:600; }
nav a { color:#c4cccd; transition:.2s; } nav a:hover { color:var(--lime); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:30px; background:var(--lime); color:#070a0b; padding:17px 23px; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; clip-path:polygon(0 0,94% 0,100% 30%,100% 100%,6% 100%,0 70%); transition:.2s; }
.button:hover { background:#fff; transform:translateY(-2px); }.button-small { padding:12px 18px; gap:12px; font-size:11px; }
.hero { min-height:760px; padding:150px 7vw 70px; position:relative; overflow:hidden; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; background:radial-gradient(circle at 82% 43%,#123239 0,transparent 30%),linear-gradient(130deg,#090e10 0%,#050708 72%); }
.hero:after { content:""; position:absolute; width:1px; background:linear-gradient(transparent,var(--cyan),transparent); height:70%; left:54%; top:16%; opacity:.25; transform:rotate(18deg); }
.hero-grid { position:absolute; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to right,transparent,black,transparent); }
.hero-copy,.hero-visual { position:relative; z-index:2; }.eyebrow,.kicker { color:var(--lime); font:700 11px Inter,sans-serif; letter-spacing:.19em; }.eyebrow i { display:inline-block; width:25px; height:1px; background:var(--lime); margin:0 10px 3px 0; }
h1,h2,h3 { font-family:"Barlow Condensed",Impact,sans-serif; margin:0; text-transform:uppercase; line-height:.9; }
h1 { font-size:clamp(76px,9vw,138px); letter-spacing:-.055em; } h1 span { color:transparent; -webkit-text-stroke:1px var(--lime); }
.hero-copy>p { max-width:590px; color:#aeb9bb; font-size:17px; line-height:1.7; margin:28px 0; }
.hero-actions { display:flex; align-items:center; gap:30px; }.text-link { font-size:13px; border-bottom:1px solid #687477; padding-bottom:5px; }
.hero-stats { display:flex; gap:50px; margin-top:58px; }.hero-stats div { display:flex; align-items:center; gap:12px; }.hero-stats strong { font:800 28px "Barlow Condensed"; color:var(--lime); }.hero-stats span { color:#768487; font-size:10px; line-height:1.5; text-transform:uppercase; letter-spacing:.1em; }
.hero-visual { min-height:550px; display:grid; place-items:center; }.hero-visual img { width:min(610px,48vw); filter:drop-shadow(0 0 35px rgba(33,220,255,.24)); z-index:2; }.orb { position:absolute; width:430px; height:430px; border:1px solid rgba(33,220,255,.25); border-radius:50%; box-shadow:0 0 100px rgba(33,220,255,.08),inset 0 0 100px rgba(33,220,255,.06); }
.status-chip { position:absolute; right:2%; bottom:10%; z-index:3; display:flex; gap:11px; align-items:center; padding:12px 18px; background:rgba(7,14,16,.86); border:1px solid #23373b; backdrop-filter:blur(8px); }.status-chip i { width:7px;height:7px;background:#53ff7d;border-radius:50%;box-shadow:0 0 10px #53ff7d; }.status-chip span { color:#708083;font-size:8px;letter-spacing:.15em; }.status-chip strong { display:block;color:#e6eeee;font-size:11px;margin-top:3px;letter-spacing:.04em; }
.trust-strip { background:var(--lime); color:#080b0c; min-height:67px; display:flex; align-items:center; justify-content:space-around; font:800 13px "Barlow Condensed"; letter-spacing:.12em; }
.section { padding:110px 7vw; }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:60px; }.section h2 { font-size:clamp(54px,6vw,84px); letter-spacing:-.035em; margin-top:14px; }.section-heading>p { max-width:450px; color:var(--muted); font-size:14px; line-height:1.8; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }.service-card { background:#080c0d; padding:35px; transition:.25s; }.service-card:hover { background:#0c1315; transform:translateY(-5px); }.card-top { display:flex; justify-content:space-between; color:#435155; font:700 11px Inter; }.game-code { display:grid; place-items:center; width:58px;height:58px;border:1px solid #2a3a3e;color:var(--lime);font:800 17px "Barlow Condensed";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#0b1416; }.service-card h3 { font-size:38px; margin-top:35px; }.service-card>p { min-height:42px; color:#819093; font-size:13px; line-height:1.6; }.service-card ul { list-style:none;padding:20px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }.service-card li { font-size:12px;color:#b3bfc1;padding:7px 0; }.service-card li:before { content:"+";color:var(--lime);margin-right:10px; }.service-card>a { display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.08em; }.service-card>a span { color:var(--lime); }
.process-section { background:#0b1012; display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw; }.process-copy h2 em { color:var(--lime);font-style:normal; }.process-copy p { color:var(--muted);font-size:14px;line-height:1.8;max-width:390px; }.steps { border-top:1px solid #273134; }.step { display:grid;grid-template-columns:80px 1fr;gap:20px;padding:34px 0;border-bottom:1px solid #273134; }.step>span { color:var(--lime);font:700 12px Inter; }.step h3 { font-size:26px; }.step p { color:var(--muted);font-size:13px;line-height:1.7;max-width:480px; }
.about { min-height:610px; display:flex; align-items:center; background:radial-gradient(circle at 78% 50%,rgba(33,220,255,.12),transparent 28%),linear-gradient(120deg,#070a0b,#0c1517); position:relative;overflow:hidden; }.about:after { content:"L";position:absolute;right:9%;font:900 520px "Barlow Condensed";color:transparent;-webkit-text-stroke:1px rgba(33,220,255,.08);transform:rotate(-8deg); }.about-panel { max-width:660px;position:relative;z-index:2; }.about-panel>p { color:#96a4a6;line-height:1.8;font-size:15px; }.about-points { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;font-size:12px; }.about-points span { color:#c6d0d1; }.about-points span::first-letter { color:var(--lime); }
.faq { display:grid;grid-template-columns:.65fr 1.35fr;gap:9vw; }.faq-list { border-top:1px solid var(--line); }.faq details { border-bottom:1px solid var(--line);padding:24px 0; }.faq summary { cursor:pointer;display:flex;justify-content:space-between;font:700 15px Inter;list-style:none; }.faq summary::-webkit-details-marker { display:none; }.faq summary span { color:var(--lime);font-size:23px;transition:.2s; }.faq details[open] summary span { transform:rotate(45deg); }.faq details p { color:var(--muted);line-height:1.7;font-size:13px;max-width:650px; }
.cta { margin:0 5vw 70px;padding:62px 6vw;background:var(--lime);color:#060909;display:flex;align-items:center;justify-content:space-between;gap:45px;clip-path:polygon(0 0,97% 0,100% 18%,100% 100%,3% 100%,0 82%); }.cta-content { flex:1; }.cta .kicker { color:#324000; }.cta h2 { font-size:clamp(48px,6vw,78px);font-family:"Barlow Condensed";line-height:.9;text-transform:uppercase;margin:12px 0; }.cta p { font-size:13px;max-width:600px; }.payment-box { margin-top:25px;padding-top:18px;border-top:1px solid rgba(6,9,9,.25);max-width:760px; }.payment-title { display:block;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;margin-bottom:11px; }.payment-methods { display:flex;flex-wrap:wrap;gap:9px; }.payment-methods>span { display:flex;align-items:center;gap:7px;background:rgba(6,9,9,.09);border:1px solid rgba(6,9,9,.2);padding:8px 11px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.035em; }.payment-methods b { display:grid;place-items:center;width:22px;height:22px;background:#060909;color:var(--lime);border-radius:50%;font:800 9px Inter,sans-serif; }.button-light { background:#060909;color:#fff;min-width:220px;flex:0 0 auto; }.button-light:hover { background:#152023; }
footer { border-top:1px solid var(--line);padding:45px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#738083;font-size:11px; }.brand+ p { text-align:center; }.brand~div { display:flex;justify-content:flex-end;gap:22px; }.brand~div a:hover { color:var(--lime); } footer small { grid-column:1/-1;text-align:center;margin-top:35px;padding-top:20px;border-top:1px solid #111a1c; }
@media (max-width:900px) { .site-header nav{display:none}.site-header{position:absolute}.site-header>.button{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:120px}.hero-visual{position:absolute;right:-25%;top:110px;opacity:.25}.hero-visual img{width:600px}.hero-copy{z-index:3}.service-grid{grid-template-columns:1fr}.process-section,.faq{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.cta{flex-direction:column;align-items:start}footer{grid-template-columns:1fr;text-align:center;gap:20px}.brand+ p{text-align:center}.brand~div{justify-content:center}footer .brand{justify-content:center} }
@media (max-width:560px) { .site-header{padding:0 18px}.site-header>.button{display:none}.hero{min-height:700px;padding:125px 22px 55px}h1{font-size:70px}.hero-copy>p{font-size:14px}.hero-actions{align-items:start;flex-direction:column}.hero-stats{gap:18px;flex-wrap:wrap}.hero-stats div{gap:6px}.trust-strip{overflow:hidden;justify-content:flex-start;gap:45px;padding:0 25px}.section{padding:80px 22px}.section h2{font-size:54px}.service-card{padding:28px 24px}.about-points{grid-template-columns:1fr}.cta{margin:0 12px 45px;padding:52px 30px}.cta h2{font-size:50px}.payment-methods{display:grid;grid-template-columns:1fr 1fr}.payment-methods>span{padding:7px 8px;font-size:9px} }