:root{color-scheme:dark;--text:#f7f0ff;--muted:#c9bfd8;--card:#1c142b;--border:#4b3860;--pink:#f0a7c8;--purple:#a66df0}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 8%,#3c2251 0,transparent 36%),radial-gradient(circle at 90% 15%,#401d45 0,transparent 31%),#100b19;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100vw - 1040px)/2));border-bottom:1px solid var(--border);background:#100b19c9}.brand{font-weight:850;color:var(--pink)}.brand span{color:var(--muted);font-weight:450}.account{color:var(--muted);font-size:.9rem}.account strong{color:var(--text)}.account a{margin-left:14px;color:var(--pink)}main{width:min(1040px,calc(100% - 44px));margin:0 auto;padding:82px 0}.hero{max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:var(--pink);font-weight:750}.hero h1{font-size:clamp(3rem,8vw,6.5rem);line-height:.94;letter-spacing:-.065em;margin:18px 0 28px}.hero h1 em{font-style:normal;color:var(--pink)}.hero p{max-width:620px;color:var(--muted);font-size:1.2rem}.apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:54px}.app-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:28px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,#281b39,#191222);box-shadow:0 18px 50px #0003;transition:.18s ease}.app-card:hover{transform:translateY(-3px);border-color:var(--purple)}.app-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#38244d;font-size:1.65rem}.app-copy{display:flex;flex-direction:column;gap:5px}.app-copy strong{font-size:1.2rem}.app-copy small{color:var(--muted);font-size:.9rem}.arrow{color:var(--pink);font-size:1.6rem}.login{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:26px;padding:26px 28px;border:1px solid var(--border);border-radius:20px;background:#171020}.login h2{font-size:1.15rem;margin:0 0 5px}.login p{color:var(--muted);font-size:.9rem;margin:0;max-width:560px}.login-buttons{display:flex;flex-wrap:wrap;gap:10px}.button{padding:11px 15px;border-radius:10px;font-size:.86rem;font-weight:750;white-space:nowrap}.discord{background:#5865f2}.twitch{background:#9146ff}footer{padding:24px;text-align:center;color:#8f84a1;font-size:.82rem;border-top:1px solid #2b2039}@media(max-width:720px){.topbar{align-items:flex-start;flex-direction:column}.account{display:flex;flex-wrap:wrap}.hero h1{font-size:clamp(2.8rem,16vw,4.5rem)}main{padding-top:55px}.apps{grid-template-columns:1fr;margin-top:40px}.login{align-items:flex-start;flex-direction:column}.login-buttons,.button{width:100%;text-align:center}}