.app{min-height:100dvh;display:flex;flex-direction:column}.topBar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#090a14e0,#090a148c);border-bottom:1px solid rgba(255,255,255,.08)}.topBarInner{max-width:1080px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brandTitle{line-height:1.1}.brandTitle strong{display:block;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:#ffffffd1}.brandTitle span{display:block;font-size:12px;color:#ffffff9e}.nav{display:none;gap:10px;align-items:center;justify-content:center;flex:1}.nav a{text-decoration:none;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffe0;font-size:13px}.nav a:hover{background:#ffffff1a}.controls{display:flex;align-items:center;gap:10px}.pillToggle{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffe6;cursor:pointer;-webkit-user-select:none;user-select:none}.pillToggle:hover{background:#ffffff1a}.switch{width:38px;height:22px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.18);position:relative}.switchKnob{width:18px;height:18px;border-radius:50%;background:#fffffff2;position:absolute;top:1px;left:1px;transition:transform .18s ease}.switchOn .switch{background:#2ee59d47;border-color:#2ee59d59}.switchOn .switchKnob{transform:translate(16px)}.main{flex:1}.wrap{max-width:1080px;margin:0 auto;padding:20px 16px 56px}.hero{display:grid;grid-template-columns:1fr;gap:18px;padding:18px;border-radius:calc(var(--radius) + 8px);background:radial-gradient(800px 240px at 0% 0%,rgba(108,92,231,.35),transparent 60%),radial-gradient(650px 260px at 100% 20%,rgba(0,210,255,.22),transparent 55%),linear-gradient(180deg,#ffffff12,#ffffff08);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:18px 18px;opacity:.6;pointer-events:none;-webkit-mask-image:radial-gradient(circle at 10% 0%,#000,#0000 65%);mask-image:radial-gradient(circle at 10% 0%,#000,#0000 65%)}.heroLeft{position:relative;z-index:2}.heroKicker{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:#00000040;border:1px solid rgba(255,255,255,.12);color:#ffffffd9;font-size:13px}.heroTitle{margin:12px 0 10px;font-size:44px;letter-spacing:-.03em;line-height:1.02}.heroTitle span{background:linear-gradient(90deg,#6c5ce7,#00d2ff);-webkit-background-clip:text;background-clip:text;color:transparent}.heroSub{margin:0;color:#ffffffc7;font-size:16px;line-height:1.55;max-width:65ch}.heroGrid{margin-top:16px;display:grid;grid-template-columns:1fr;gap:12px}.card{border-radius:var(--radius);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:14px}.cardTitle{margin:0 0 8px;font-size:14px;color:#ffffffdb;letter-spacing:.02em}.muted{color:#ffffffb8}.heroRight{display:grid;place-items:center;position:relative;z-index:2;padding:8px 0 6px}.badge{width:min(370px,100%);aspect-ratio:1 / 1;border-radius:28px;background:#00000038;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px #00000073;overflow:hidden;display:grid;place-items:center;position:relative}.badgeGlow{position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;background:conic-gradient(from 180deg,#6c5ce700,#6c5ce759,#00d2ff59,#ff4d6d40,#6c5ce700);filter:blur(22px);opacity:.8;animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}.sectionTitle{margin:26px 0 10px;font-size:20px;letter-spacing:-.02em}.sectionLead{margin:0 0 12px;color:#ffffffbd;line-height:1.55}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;gap:8px;align-items:center;padding:9px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffe0;font-size:13px}.chip strong{color:#fffffff2}.btnRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.btn{border:1px solid rgba(255,255,255,.14);background:#ffffff12;color:#ffffffeb;border-radius:12px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.btn:hover{background:#ffffff1c}.btnPrimary{border-color:#6c5ce773;background:linear-gradient(90deg,#6c5ce7e6,#00d2ffd9);color:#000000e0;font-weight:700}.btnPrimary:hover{filter:brightness(1.05)}.split{display:grid;grid-template-columns:1fr;gap:14px}.footer{padding:24px 16px;border-top:1px solid rgba(255,255,255,.08);background:#00000026}.footerInner{max-width:1080px;margin:0 auto;color:#ffffffa8;font-size:13px;display:flex;flex-direction:column;gap:8px}.footerInner strong{color:#ffffffe6}@media (min-width: 860px){.nav{display:flex}.hero{grid-template-columns:1.25fr .75fr;padding:22px;gap:18px}.heroGrid{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr 1fr}.split{grid-template-columns:1.1fr .9fr}}:root{color-scheme:dark;--bg0: #090a14;--bg1: #0f1130;--card: rgba(255, 255, 255, .07);--card2: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .72);--soft: rgba(255, 255, 255, .16);--primary: #6c5ce7;--primary2: #00d2ff;--good: #2ee59d;--warn: #ffd166;--hot: #ff4d6d;--shadow: 0 18px 60px rgba(0, 0, 0, .45);--radius: 18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-rounded,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 20% 10%,rgba(108,92,231,.35),transparent 60%),radial-gradient(900px 700px at 80% 20%,rgba(0,210,255,.25),transparent 55%),radial-gradient(900px 700px at 60% 90%,rgba(255,77,109,.18),transparent 50%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text)}a{color:inherit}button,input{font:inherit}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}