:root { --ink:#f9f5ff; --muted:#cfc4df; --violet:#a76dff; --red:#ff374f; --panel:rgba(23,13,39,.84); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:#10081f; color:var(--ink); font-family:Manrope,Arial,sans-serif; }
body::before,body::after { content:""; position:fixed; z-index:-1; width:44rem; height:44rem; border-radius:50%; filter:blur(50px); opacity:.45; }
body::before { background:#652bda; top:-22rem; left:-15rem; } body::after { background:#b1122d; right:-25rem; bottom:-25rem; }
.page-shell { width:min(100% - 36px, 890px); margin:auto; padding:44px 0 32px; }
.hero { min-height:430px; padding:42px clamp(22px,6vw,64px); border:1px solid rgba(255,255,255,.16); border-radius:28px; background:linear-gradient(138deg,rgba(74,38,123,.82),rgba(27,15,48,.7)); box-shadow:0 28px 70px rgba(0,0,0,.28); overflow:hidden; position:relative; }
.hero::after { content:"✦"; position:absolute; right:8%; top:8%; font-size:clamp(7rem,20vw,13rem); color:rgba(255,255,255,.09); transform:rotate(16deg); }
.eyebrow,.number { color:#d8bcff; font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1,h2 { font-family:Unbounded,Arial,sans-serif; margin:0; } h1 { position:relative; z-index:1; font-size:clamp(2.65rem,9.5vw,5.7rem); line-height:1; letter-spacing:-.08em; white-space:nowrap; } h1 span { color:var(--red); text-shadow:0 0 25px rgba(255,55,79,.4); }
.intro { max-width:350px; margin:26px 0; color:var(--muted); font-size:1.05rem; line-height:1.6; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; }.primary-link,.secondary-link { display:inline-flex; gap:14px; align-items:center; padding:15px 19px; border-radius:999px; text-decoration:none; font-weight:800; transition:transform .2s; }.primary-link { color:#160a2a; background:#f7edff; }.secondary-link { color:var(--ink); border:1px solid rgba(255,255,255,.35); background:rgba(12,7,24,.28); }.primary-link:hover,.secondary-link:hover { transform:translateY(-3px); }
.section { margin-top:72px; }.section-heading { margin-bottom:24px; }.section h2 { font-size:clamp(1.35rem,4vw,2rem); letter-spacing:-.06em; }.section-heading div p { margin:10px 0 0; color:var(--muted); line-height:1.55; }
.about-section blockquote { margin:0; max-width:580px; padding:19px 22px; border-left:3px solid var(--red); color:#eee4ff; font-size:clamp(1rem,2.5vw,1.2rem); line-height:1.5; background:rgba(255,255,255,.05); border-radius:0 14px 14px 0; }
.setup-cover { display:block; width:100%; margin:0 0 22px; border:1px solid rgba(167,109,255,.6); border-radius:18px; box-shadow:0 0 28px rgba(129,58,255,.25); }.specs { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:0; }.specs div { padding:16px; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:var(--panel); }.specs dt { color:#d9bcff; font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.specs dd { margin:7px 0 0; color:var(--ink); line-height:1.45; font-size:.9rem; }
.fetta-banner,.boosty-banner { display:block; margin-bottom:12px; overflow:hidden; border:1px solid rgba(167,109,255,.6); border-radius:20px; box-shadow:0 0 32px rgba(113,48,255,.28); transition:transform .2s,border-color .2s; }.fetta-banner:hover,.boosty-banner:hover { transform:translateY(-4px); border-color:var(--red); }.fetta-banner img,.boosty-banner img { display:block; width:100%; height:auto; }
.banner-stack { display:grid; gap:14px; }.social-banner { display:block; overflow:hidden; border:1px solid rgba(167,109,255,.58); border-radius:20px; box-shadow:0 0 30px rgba(113,48,255,.24); transition:transform .2s,border-color .2s,box-shadow .2s; }.social-banner:hover { transform:translateY(-4px); border-color:var(--red); box-shadow:0 0 36px rgba(255,55,79,.24); }.social-banner img { display:block; width:100%; height:auto; }.old-cards { display:none !important; }
.meme-alerts { grid-column:1 / -1; overflow:hidden; display:block; border:1px solid rgba(255,55,79,.45); border-radius:18px; background:var(--panel); color:var(--ink); text-decoration:none; transition:transform .2s,border-color .2s; }.meme-alerts:hover { transform:translateY(-4px); border-color:var(--red); }.meme-alerts img { display:block; width:100%; height:auto; }.meme-alerts span { padding:17px 22px; display:flex; align-items:center; gap:10px; }.meme-alerts strong,.meme-alerts small { display:block; }.meme-alerts small { color:var(--muted); margin-left:4px; }.meme-alerts b { color:var(--red); margin-left:auto; }
.cards { display:grid; gap:12px; }.main-cards { grid-template-columns:repeat(3,1fr); }.secondary-cards { grid-template-columns:repeat(2,1fr); }
.platform { min-height:152px; padding:20px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid rgba(255,255,255,.14); border-radius:20px; color:var(--ink); text-decoration:none; background:var(--panel); transition:transform .2s,border-color .2s,background .2s; }.platform:hover { transform:translateY(-4px); border-color:var(--violet); background:rgba(61,36,95,.9); }.platform.disabled { opacity:.65; cursor:not-allowed; }.platform > b { align-self:end; color:var(--red); }.platform-mark { color:#e6d7ff; font-weight:800; font-size:1.25rem; }.platform-mark svg { width:29px; height:29px; display:block; fill:currentColor; }.platform strong,.platform small { display:block; }.platform small { color:var(--muted); font-size:.8rem; margin-top:4px; }.twitch .platform-mark { color:#bf94ff; }.youtube .platform-mark,.support .platform-mark { color:var(--red); }.vk .platform-mark { color:#8bbcff; }
.note { display:flex; gap:15px; margin-top:72px; padding:22px; border-radius:18px; background:rgba(249,245,255,.09); color:var(--muted); }.note span { color:var(--red); }.note p { margin:0; line-height:1.55; }footer { margin-top:42px; text-align:center; color:#a99bbb; font-size:.8rem; }
@media (max-width:650px) { .page-shell { width:min(100% - 24px,890px); padding-top:12px; }.hero { min-height:390px; border-radius:22px; }.main-cards,.secondary-cards,.specs { grid-template-columns:1fr; }.platform { min-height:110px; }.section { margin-top:55px; }.about-section blockquote,.setup-cover,.specs { margin-left:0; width:100%; }.meme-alerts span { display:block; }.meme-alerts small { margin:4px 0 0; }.meme-alerts b { display:block; margin-top:9px; } }

img[width][height] { height:auto; max-width:100%; }