@font-face{font-family:Barlow;src:url(/Barlow.woff2) format("woff2");font-display:swap}:root{--bg: #030911;--panel: #0a1724;--panel2: #0d2030;--line: #17364a;--text: #e8fbff;--muted: #91adbb;--cyan: #25d9ee;--cyan2: #0fa9c2;--shadow: 0 24px 70px #0009}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,#12354b 0,#06121e 38%,var(--bg) 72%);color:var(--text);font:16px/1.6 Barlow,system-ui,sans-serif;min-height:100vh}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:28px;min-height:74px;padding:14px clamp(18px,5vw,76px);background:#06111ee6;border-bottom:1px solid #1a3c50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800;font-size:21px;text-decoration:none;letter-spacing:.08em;white-space:nowrap;cursor:pointer}.brand img{width:116px;height:40px;object-fit:contain}nav{display:flex;gap:20px;flex:1;align-items:center}nav a,footer a{color:var(--muted);text-decoration:none;cursor:pointer;transition:color .2s,transform .2s}nav a:hover,nav a:focus,footer a:hover{color:var(--cyan)}button{font:inherit;border:1px solid #2a6479;background:#0c2638;color:var(--text);border-radius:10px;padding:11px 18px;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}button:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 8px 24px #0bd2e533}button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.primary{background:linear-gradient(135deg,var(--cyan),#72f1ff);border:0;color:#021018;font-weight:800;box-shadow:0 12px 30px #13cfe944}.hero,main>h1,main>p,main>.panel,main>section{max-width:1180px;margin-left:auto;margin-right:auto}.hero{min-height:650px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;padding:70px 22px}.eyebrow{color:var(--cyan);font-size:12px;letter-spacing:.2em;font-weight:700}.hero h1,h1{font-size:clamp(42px,6vw,82px);line-height:1.02;letter-spacing:-.04em;margin:18px 0}.hero p{font-size:20px;color:var(--muted);max-width:620px}.hero-card,.panel,article{background:linear-gradient(145deg,#0d2435e8,#08131fe8);border:1px solid #21536a;border-radius:20px;box-shadow:var(--shadow);padding:28px}.hero-card{display:grid;gap:20px;min-height:300px;align-content:center}.hero-card img{width:min(260px,80%);filter:drop-shadow(0 0 24px #1bd5ec55)}.grid,.plans{max-width:1180px;margin:20px auto;padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plans{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.plans article{display:flex;flex-direction:column;gap:8px;min-height:230px}.plans article button{margin-top:auto}.plans .featured{border-color:var(--cyan);box-shadow:0 0 0 1px #25d9ee44,var(--shadow)}article{transition:transform .25s,border-color .25s,box-shadow .25s}article:hover{transform:translateY(-4px);border-color:#32bfd8;box-shadow:0 20px 55px #000b}.grid article b,article small{color:var(--cyan);letter-spacing:.12em;font-size:12px}.grid article h2,article h2{margin:6px 0;font-size:23px}.grid article p,article p{color:var(--muted)}main>h1{margin-top:80px;padding:0 22px}main>p{padding:0 22px;color:var(--muted);font-size:18px}main>.panel{margin-top:28px;margin-bottom:50px}input{display:block;width:100%;max-width:460px;margin:10px 0;padding:13px 14px;border-radius:9px;border:1px solid var(--line);background:#07121d;color:var(--text);font:inherit}input:focus{outline:2px solid var(--cyan);border-color:transparent}.notice{padding:22px 28px;background:#0a2230;border:1px solid #205267;border-radius:14px}.error{color:#ff8c9a!important}footer{margin-top:80px;padding:40px 6%;border-top:1px solid var(--line);color:#6f8b99;text-align:center;background:#040b12}@media(max-width:900px){header{gap:14px;padding:12px 18px}nav{gap:12px;overflow:auto}nav a{font-size:14px;white-space:nowrap}.hero{grid-template-columns:1fr;min-height:auto;padding-top:54px;gap:34px}.hero-card{max-width:520px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{flex-wrap:wrap}.brand{flex:1}header button{padding:9px 12px}nav{order:3;flex-basis:100%;padding-bottom:3px}.hero{padding:42px 16px}.hero h1,h1{font-size:46px}.hero p{font-size:17px}.grid,.plans{grid-template-columns:1fr;padding:14px}main>h1{margin-top:48px;padding:0 16px}main>p{padding:0 16px}.panel{margin-left:14px!important;margin-right:14px!important;padding:20px}footer{margin-top:50px;padding:30px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.grid-current-background{position:fixed;inset:0;width:100%;height:100%;z-index:0!important;pointer-events:none;opacity:.9}header{background:linear-gradient(120deg,#081b2add,#0d2535aa);border:1px solid #3acde633;box-shadow:0 12px 50px #0008,inset 0 1px #ffffff12}.hero-visual,.panel,article{background:linear-gradient(135deg,#ffffff12,#ffffff03 45%,#25d9ee08);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);border-color:#70e9ff44;box-shadow:inset 0 1px #ffffff1c,0 20px 70px #0008,0 0 30px #12cde912}.plans article{position:relative;overflow:hidden}.plans article:before{content:"";position:absolute;inset:-40% -20%;background:radial-gradient(circle,#2de6ff18,transparent 55%);pointer-events:none}.plans article:hover{box-shadow:inset 0 1px #ffffff2b,0 24px 80px #000b,0 0 35px #1bd9ef2b}.header-discord{background:#ffffff0d;border-color:#5be8ff66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-actions{display:flex;gap:10px;align-items:center}.motion-toggle{font-size:12px;padding:8px 10px;background:#ffffff08;border-color:#5be8ff44}.hero-visual img{content:url(/hero-app-1024.webp);object-fit:contain}@media(min-width:1200px){.hero-visual img{content:url(/hero-app-1600.webp)}}@media(max-width:700px){.hero-visual img{content:url(/hero-app-640.webp)}}html[data-motion=reduced] *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.hero-copy{position:relative;z-index:1}html,body,#root{overflow-x:clip}#root{position:relative;isolation:isolate;z-index:1}header,main,footer{position:relative;z-index:1}.grid-current-background{position:fixed;inset:0;z-index:0!important;width:100%;height:100%;overflow:hidden;pointer-events:none}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-visual{position:relative;min-width:0;padding:14px;border:1px solid #2b7890;border-radius:24px;background:linear-gradient(145deg,#0a2b40cc,#07121dcc);box-shadow:0 30px 90px #000b,0 0 55px #13cfe922;transform:perspective(1000px) rotateY(-3deg)}.hero-visual img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;object-position:center;border-radius:14px}.hero-visual span{display:block;padding:10px 4px 2px;color:var(--muted);font-size:12px;letter-spacing:.08em}.home-grid{margin-top:10px}.home-grid article{min-height:150px}@media(max-width:900px){.hero-visual{transform:none}.hero-visual img{max-height:none}}
