:root{--black:#07111f;--yellow:#65f2d3;--paper:#07111f;--gray:#9fb0c7;--line:#26364c;--violet:#8d7cff;--blue:#3ea6ff}
body{background:#07111f;color:#edf6ff;background-image:radial-gradient(circle at 16% 12%,#193870 0,transparent 28%),radial-gradient(circle at 90% 6%,#412876 0,transparent 25%);overflow-x:hidden}
header{height:82px;border:0;border-bottom:1px solid #ffffff18;background:#07111ed9;backdrop-filter:blur(18px);position:sticky;top:0}.logo{color:#f3f8ff}.logo b{border:1px solid #8bf7e1;background:linear-gradient(135deg,#61f1d2,#7a8cff);color:#07111f;border-radius:12px;transform:none;box-shadow:0 0 24px #64efd267}nav a{color:#aabbd0}.mini{border:1px solid #7be9d3;border-radius:99px;background:#10283b;color:#8ff7e1;box-shadow:0 0 24px #46d9be2b;transition:.25s}.mini:hover{transform:translateY(-2px);background:#17435a;box-shadow:0 0 34px #64efd25c}
.ticker{border:0;border-bottom:1px solid #ffffff18;background:#0d1b2c;color:#8fa5bf;text-align:center}.ticker span{color:#64efd2}.hero-grid{min-height:620px;padding-top:52px;padding-bottom:52px}.kicker{color:#6ff2d7;font-size:12px}.hero h1{font-size:clamp(48px,5vw,82px);margin:15px 0 20px}.hero h1 mark{display:inline-block;background:linear-gradient(90deg,#6ef1d4,#7e8dff);-webkit-background-clip:text;color:transparent;text-shadow:0 0 42px #5ee6d33d}.intro{color:#a9bad0;font-size:17px;line-height:1.65}.plain{color:#9fb0c7}.quick-facts{color:#8ff3dd;margin-top:23px}.button{position:relative;overflow:hidden;border:1px solid #a3fff0;background:linear-gradient(135deg,#67f0d2,#52a7ff 55%,#8b75ff);color:#06101d;border-radius:16px;box-shadow:0 15px 42px #3fa5ff4f,0 0 0 5px #67efd218;transition:.25s}.button:before,.mini:before{content:"";position:absolute;inset:-120% -40%;background:linear-gradient(110deg,transparent 35%,#ffffffc9 50%,transparent 65%);animation:neonShine 3.3s infinite}.button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 22px 56px #3fa5ff70,0 0 0 8px #67efd21c}.featured-cta{overflow:visible;margin-top:32px;animation:neonPulse 2.5s ease-in-out infinite}.featured-cta:after{content:attr(data-badge);position:absolute;left:14px;top:-28px;color:#75f2da;font:800 11px monospace;letter-spacing:.1em;white-space:nowrap}.featured-cta span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#07111f1c;transition:.25s}.featured-cta:hover span{transform:translate(4px,-4px)}
.workbench{border:1px solid #80dfff55;border-radius:26px;background:#0d1d2dcc;box-shadow:0 34px 100px #020712aa,0 0 70px #4b63d62b;overflow:hidden;transform:perspective(1200px) rotateY(-2deg)}.bar{border:0;border-bottom:1px solid #ffffff18;background:#101e30}.bar i{border:0;background:#4c6178}.bar i:first-child{background:#68efd2}.bar span{color:#7e92aa}.tool-layout aside{border-right:1px solid #ffffff17;background:#0b1727}.tool-layout aside button{color:#9db0c7;border-radius:10px}.tool-layout aside button.active{outline:0;background:linear-gradient(135deg,#67efd2,#668cff);color:#07111f;box-shadow:0 8px 24px #4a82df4d}.studio{background-color:#0b1726;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px)}.profile,.message,.composer{border:1px solid #ffffff1c;background:#13243a;color:#edf6ff;border-radius:15px}.avatar{border:0;border-radius:12px;background:linear-gradient(135deg,#68f1d4,#7f78ff);box-shadow:0 0 26px #68f1d34d}.profile small,.message p{color:#aabbd0}.message.dark{background:linear-gradient(135deg,#192d48,#291f55);border-color:#8077ff55}.composer{color:#71859d}.composer b{color:#72efd6}
.metric{border:0;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;background:#0b1727}.metric div{border-right:1px solid #ffffff17}.metric b{color:#6cf0d5}.metric span{color:#c3d0df}.features{background:#f4f7fb;color:#0b1625;border-radius:42px 42px 0 0}.label{color:#55708e}.features h2{color:#0a1624}.feature-list{border-top:1px solid #cdd8e5}.feature-list article{border-bottom:1px solid #d6dfe9;border-radius:14px;transition:.22s}.feature-list article:hover{padding-left:18px;background:#e9f7f5}.feature-list b{color:#4b6aff}.feature-list p{color:#607087}.button.yellow{background:linear-gradient(135deg,#0b1b2e,#263a66);color:white;border:0;box-shadow:0 14px 34px #2c43733d}
.compare{background:#eaf0f7;color:#0a1624;border:0}.compare-copy>p:first-child{color:#53708c}.compare-copy>p:last-child{color:#607087}.compare-table{border:0;border-radius:22px;background:white;box-shadow:0 20px 60px #2944621c;overflow:hidden}.row{border-bottom:1px solid #e1e8f0}.row.head{background:#0c1d31}.row.highlight{background:linear-gradient(90deg,#d8fff6,#e0e6ff)}
.workflow{background:#07111f;background-image:radial-gradient(circle at 80% 35%,#20366d55,transparent 35%)}.sticky p,.steps article>span{color:#70efd7}.steps article{border-top:1px solid #ffffff1c}.steps p{color:#9fb0c7}.code{border-left:3px solid #65f0d2;border-radius:0 15px 15px 0;background:#0e1f33;color:#b7c6d8;box-shadow:0 16px 40px #0004}.code strong{color:#75efd8}.lore b,.platforms b{border:1px solid #77e9d5;background:#122943;color:#86f3df;border-radius:10px}.lore i{background:#4b637d}.platforms b:nth-child(3){box-shadow:0 0 26px #66efd362}.rules{background:linear-gradient(135deg,#68efd2,#5aa3ff 55%,#8b78ff);border:0;color:#06111f}.rules li{border-top:1px solid #06111f55}.faq{background:#f5f8fc;color:#0a1624}.faq details{border-top:1px solid #cbd6e2}.faq details p{color:#607087}footer{background:#050b14;border-top:1px solid #ffffff18;color:#8ea1b7}
@keyframes neonShine{0%,58%{transform:translateX(-75%)}88%,100%{transform:translateX(75%)}}@keyframes neonPulse{0%,100%{filter:drop-shadow(0 0 0 #65efd200)}50%{filter:drop-shadow(0 0 15px #65efd266)}}@media(prefers-reduced-motion:reduce){.button:before,.mini:before,.featured-cta{animation:none}}@media(max-width:850px){header{position:relative}.workbench{transform:none}.featured-cta{margin-top:42px}.features{border-radius:28px 28px 0 0}}