:root {
  color-scheme: dark;
  --red:#f20f3e;
  --red-hi:#ff2e63;
  --blue:#0e36c9;
  --blue-hi:#1749ff;
  --pink:#fb20bb;
  --black:#030307;
  --paper:#fbfaf6;
  --ink:#08080c;
  --line:#050509;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:#050014; }
body {
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  background:#050014;
  color:#fff;
  font-family:"Courier New", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
button,a,summary { font:inherit; -webkit-tap-highlight-color:transparent; }
a { color:inherit; }
.site-bg {
  position:fixed; inset:0; z-index:-5; overflow:hidden;
  background:
    radial-gradient(circle at 48% 32%, rgba(230,22,255,.72) 0 3%, rgba(137,21,255,.46) 17%, transparent 38%),
    linear-gradient(116deg, #07156f 0%, #0738e8 29%, #5311f3 49%, #ef0a4a 69%, #f31242 100%);
}
.site-bg::before {
  content:""; position:absolute; inset:-12% -8%; opacity:.68;
  background:
    repeating-linear-gradient(135deg, transparent 0 115px, rgba(255,255,255,.92) 116px 170px, transparent 171px 286px);
  clip-path:polygon(54% 0,100% 0,100% 100%,50% 100%,57% 70%,44% 62%,59% 45%,45% 31%);
  filter:drop-shadow(0 0 22px rgba(255,255,255,.25));
}
.site-bg::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(to bottom, transparent 0 68%, rgba(5,0,28,.52) 82%, #050014 100%);
}
.stars { position:absolute; inset:0; opacity:.95; }
.stars::before,.stars::after { content:""; position:absolute; width:18px; height:18px; background:#fff; clip-path:polygon(42% 0,58% 0,62% 38%,100% 42%,100% 58%,62% 62%,58% 100%,42% 100%,38% 62%,0 58%,0 42%,38% 38%); filter:drop-shadow(0 0 10px rgba(255,255,255,.65)); }
.stars-a::before { left:4%; top:12%; transform:scale(2.4); }
.stars-a::after { left:22%; top:20%; transform:scale(1.7); }
.stars-b::before { left:11%; top:35%; transform:scale(1.05); }
.stars-b::after { right:7%; top:10%; transform:scale(.8); }
.cloud { position:absolute; height:55px; width:260px; opacity:.8; filter:blur(.3px); background:#fff; clip-path:polygon(0 60%,8% 60%,8% 45%,15% 45%,15% 28%,25% 28%,25% 42%,34% 42%,34% 53%,43% 53%,43% 39%,52% 39%,52% 55%,67% 55%,67% 43%,75% 43%,75% 57%,88% 57%,88% 45%,96% 45%,96% 63%,100% 63%,100% 100%,0 100%); box-shadow:0 14px 30px rgba(255,50,215,.45); }
.cloud-a { left:-2%; top:35%; transform:scale(1.45); }
.cloud-b { right:6%; top:33%; transform:scale(1.2) scaleX(-1); }
.city { position:absolute; bottom:0; height:29%; width:40%; opacity:.7; background:linear-gradient(to top,#03106b,#04118e 60%,transparent 60%); clip-path:polygon(0 100%,0 65%,4% 65%,4% 45%,7% 45%,7% 74%,11% 74%,11% 52%,14% 52%,14% 80%,18% 80%,18% 38%,21% 38%,21% 70%,25% 70%,25% 58%,28% 58%,28% 82%,32% 82%,32% 45%,35% 45%,35% 75%,39% 75%,39% 57%,43% 57%,43% 82%,48% 82%,48% 48%,51% 48%,51% 75%,56% 75%,56% 65%,61% 65%,61% 80%,66% 80%,66% 60%,70% 60%,70% 74%,76% 74%,76% 48%,80% 48%,80% 73%,84% 73%,84% 58%,88% 58%,88% 82%,93% 82%,93% 66%,100% 66%,100% 100%); }
.city-left { left:0; }
.city-right { right:0; transform:scaleX(-1); background:linear-gradient(to top,#5e023b,#a10b58 60%,transparent 60%); }
.topbar { width:100%; padding:22px 20px 4px; position:relative; z-index:20; }
.social-nav { margin:0 auto; max-width:900px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px; }
.pixel-btn {
  position:relative; isolation:isolate; overflow:hidden;
  min-height:60px; padding:10px 17px 10px 12px;
  display:inline-flex; align-items:center; gap:10px;
  background:#04050a; color:#fff; text-decoration:none;
  border:4px solid #050509; outline:3px solid var(--red-hi); outline-offset:2px;
  box-shadow:7px 7px 0 #050509;
  font-weight:900; font-size:clamp(15px,1.35vw,22px); letter-spacing:.035em;
  text-transform:uppercase; cursor:pointer;
  transition:transform .14s ease, box-shadow .14s ease, outline-color .14s ease, filter .14s ease;
}
.pixel-btn::before { content:""; position:absolute; inset:-40% auto -40% -35%; width:26%; transform:skewX(-22deg); background:rgba(255,255,255,.34); z-index:-1; transition:left .35s ease; }
.pixel-btn:hover { transform:translate(-3px,-3px); box-shadow:10px 10px 0 #050509,0 0 30px rgba(255,28,96,.5); outline-color:#fff; }
.pixel-btn:hover::before { left:118%; }
.pixel-btn:active,.pixel-btn.is-pressed { transform:translate(5px,5px); box-shadow:2px 2px 0 #050509; filter:brightness(1.25); }
.pixel-btn:focus-visible { outline:4px solid #fff; outline-offset:5px; }
.icon-box { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; background:#fff; border:2px solid #0a0a0c; box-shadow:2px 2px 0 var(--red); overflow:hidden; transition:transform .15s ease; }
.icon-box img { width:78%; height:78%; object-fit:contain; display:block; }
.pixel-btn-dex .icon-box { background:linear-gradient(135deg,#9b26ff,#142dff); }
.pixel-btn-dex .icon-box img { width:70%; height:70%; }
.pixel-btn-telegram .icon-box { background:#2186e9; }
.pixel-btn-telegram .icon-box img { width:100%; height:100%; }
.icon-box-x { background:#fff; }
.pixel-btn:hover .icon-box { transform:rotate(-7deg) scale(1.08); }
.btn-arrow { opacity:.7; margin-left:2px; transform:translateY(-1px); transition:transform .15s ease, opacity .15s ease; }
.pixel-btn:hover .btn-arrow { transform:translate(3px,-4px); opacity:1; }
.hero {
  position:relative; z-index:2;
  width:100%; min-height:690px;
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
  padding:12px clamp(16px,4vw,64px) 36px;
}
.hero-glow { position:absolute; top:4%; left:50%; width:min(680px,70vw); aspect-ratio:1; transform:translateX(-50%); border-radius:50%; background:radial-gradient(circle,rgba(255,0,225,.62),rgba(89,0,255,.3) 42%,transparent 72%); filter:blur(18px); z-index:-1; }
.character-wrap { width:min(620px,65vw); height:470px; display:flex; align-items:flex-start; justify-content:center; overflow:hidden; margin-top:2px; pointer-events:none; }
.character { width:min(620px,100%); height:auto; margin-top:-70px; image-rendering:auto; filter:drop-shadow(0 16px 0 rgba(0,0,0,.28)) drop-shadow(0 0 28px rgba(255,0,215,.28)); user-select:none; }
.logo { margin:-20px 0 5px; display:flex; align-items:flex-end; justify-content:center; line-height:.8; letter-spacing:-.075em; font-size:clamp(84px,12vw,174px); font-weight:1000; text-transform:uppercase; -webkit-text-stroke:9px #050509; paint-order:stroke fill; filter:drop-shadow(0 10px 0 #050509) drop-shadow(0 0 16px rgba(255,255,255,.17)); }
.logo span { display:inline-block; color:#fff; text-shadow:0 10px 0 rgba(0,0,0,.2); }
.logo-f { color:#1c45b2!important; background:repeating-linear-gradient(to bottom,#234ec0 0 22px,#fff 22px 33px,#234ec0 33px 55px); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.logo-o,.logo-m,.logo-o2,.logo-s { background:repeating-linear-gradient(to bottom,#ef153e 0 18px,#fff 18px 36px); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.tagline { margin:10px 0 23px; font-weight:900; letter-spacing:.22em; font-size:clamp(12px,1.2vw,18px); text-shadow:3px 3px 0 #0a0a0a; }
.tagline span { color:#fff; }
.ca-wrap {
  width:min(930px,94vw); min-height:66px; padding:8px 8px 8px 18px;
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px;
  background:#020205; color:#fff; border:5px solid #f5f5f5; outline:4px solid #07070a; box-shadow:8px 8px 0 rgba(0,0,0,.65);
}
.ca-label { font-size:clamp(22px,2vw,32px); font-weight:1000; padding-right:16px; border-right:3px solid #fff; }
.ca-wrap code { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:clamp(13px,1.55vw,20px); letter-spacing:.075em; }
.copy-btn { min-height:44px; padding:8px 13px; display:flex; gap:8px; align-items:center; border:3px solid #050509; background:var(--red); color:#fff; box-shadow:3px 3px 0 #fff; cursor:pointer; font-weight:1000; letter-spacing:.06em; transition:transform .1s ease,box-shadow .1s ease,background .1s ease; }
.copy-btn svg { width:21px; height:21px; fill:currentColor; }
.copy-btn:hover { background:#ff2e63; transform:translate(-2px,-2px); box-shadow:5px 5px 0 #fff; }
.copy-btn:active,.copy-btn.copied { transform:translate(3px,3px); box-shadow:0 0 0 #fff; background:#1248e7; }
.copy-btn:focus-visible { outline:4px solid #fff; outline-offset:4px; }
.copy-status { height:24px; margin-top:12px; font-weight:900; text-transform:uppercase; letter-spacing:.1em; font-size:13px; text-shadow:2px 2px 0 #000; }
.content-grid { position:relative; z-index:4; width:min(1240px,94vw); margin:0 auto; padding:0 0 42px; display:grid; grid-template-columns:1.05fr 1fr; gap:22px; }
.pixel-card { color:var(--ink); background:var(--paper); border:6px solid var(--line); box-shadow:10px 10px 0 rgba(1,1,6,.72); padding:24px 28px 26px; min-width:0; }
.card-kicker { width:max-content; margin:-42px 0 16px; padding:7px 20px; border:4px solid #050509; box-shadow:3px 3px 0 #050509; color:#fff; font-size:clamp(20px,2.1vw,31px); line-height:1; font-weight:1000; letter-spacing:.06em; }
.card-kicker-red { background:var(--red); }
.card-kicker-blue { background:#1643bc; }
.faq-list { display:grid; }
.faq-item { border-bottom:2px solid #1a1a1a; }
.faq-item:last-child { border-bottom:0; }
.faq-item summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:11px 3px; font-size:clamp(16px,1.55vw,22px); font-weight:900; }
.faq-item summary::-webkit-details-marker { display:none; }
.plus { font-size:29px; line-height:.7; transition:transform .2s ease; }
.faq-item[open] .plus { transform:rotate(45deg); }
.faq-answer { padding:0 30px 14px 3px; font-size:15px; font-weight:700; line-height:1.5; }
.faq-item summary:hover { color:var(--red); }
.disclaimer-card p { margin:0 0 13px; font-size:clamp(14px,1.35vw,18px); line-height:1.42; font-weight:700; }
.disclaimer-card p:last-child { margin-bottom:0; }
footer { position:relative; z-index:4; padding:10px 20px 30px; text-align:center; font-weight:900; text-shadow:3px 3px 0 #000; }
.footer-mark { font-size:23px; letter-spacing:.08em; }
.footer-mark span { color:#ff153f; }
.footer-copy { margin-top:8px; font-size:13px; letter-spacing:.2em; }
@media (max-width:900px) {
  .social-nav { gap:10px; }
  .pixel-btn { min-height:54px; padding:8px 11px 8px 9px; font-size:14px; box-shadow:5px 5px 0 #050509; outline-width:2px; }
  .icon-box { width:29px; height:29px; flex-basis:29px; }
  .hero { min-height:auto; padding-top:5px; }
  .character-wrap { width:min(580px,86vw); height:420px; }
  .character { margin-top:-55px; }
  .logo { margin-top:-30px; -webkit-text-stroke-width:7px; }
  .content-grid { grid-template-columns:1fr; gap:48px; }
}
@media (max-width:620px) {
  .topbar { padding:16px 12px 0; }
  .social-nav { display:grid; grid-template-columns:1fr 1fr; width:100%; max-width:430px; gap:10px; }
  .pixel-btn { justify-content:flex-start; min-width:0; width:100%; }
  .btn-arrow { margin-left:auto; }
  .hero { padding-left:10px; padding-right:10px; }
  .character-wrap { height:350px; width:96vw; margin-top:12px; }
  .character { width:520px; max-width:none; margin-top:-35px; }
  .logo { margin-top:-35px; font-size:clamp(72px,24vw,125px); -webkit-text-stroke-width:5px; }
  .tagline { margin-top:12px; letter-spacing:.12em; }
  .ca-wrap { grid-template-columns:auto 1fr; gap:9px; padding:8px; border-width:4px; }
  .ca-label { font-size:20px; padding:0 10px 0 5px; }
  .ca-wrap code { font-size:12px; }
  .copy-btn { grid-column:1/-1; width:100%; justify-content:center; }
  .content-grid { width:calc(100% - 20px); padding-top:10px; }
  .pixel-card { padding:22px 18px; border-width:4px; }
  .card-kicker { margin-top:-37px; border-width:3px; }
  .cloud { opacity:.35; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none!important; animation:none!important; }
}

/* Source-image background + real original backdrop + lowercase s */
html, body { background:#09001f; }
body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-20;
  background:url("assets/background.jpg") center top / cover no-repeat;
  transform:scale(1.03);
}
body::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:-19;
  background:
    radial-gradient(circle at 50% 36%, rgba(255, 0, 238, .10), transparent 24%),
    linear-gradient(to bottom, rgba(7,0,28,.08) 0%, rgba(7,0,28,.12) 55%, rgba(7,0,28,.24) 100%);
  pointer-events:none;
}
.site-bg {
  background:url("assets/background.jpg") center top / cover no-repeat;
}
.site-bg::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 36%, rgba(255, 0, 238, .08), transparent 22%),
    radial-gradient(circle at 14% 80%, rgba(31, 0, 255, .10), transparent 25%),
    radial-gradient(circle at 88% 74%, rgba(0, 166, 255, .10), transparent 28%);
}
.site-bg::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom, rgba(6,0,24,.02) 0%, rgba(6,0,24,.06) 55%, rgba(6,0,24,.18) 100%);
}
.site-bg .stars,
.site-bg .cloud,
.site-bg .city { display:none; }
.hero {
  padding-top: 18px;
}
.hero-glow {
  background: radial-gradient(circle, rgba(255,0,221,.18), rgba(108,0,255,.14) 36%, transparent 72%);
  filter: blur(18px);
}
.logo {
  text-transform:none;
}
.logo-s {
  font-size:.80em;
  transform:translateY(.04em);
}
@media (max-width:620px) {
  body::before,
  .site-bg { background-position:center top; background-size:cover; }
}