:root{--accent: #b9a3ff;--accent-hi: #cbbcff;--accent-dim: rgba(185, 163, 255, .14);--accent-line: rgba(185, 163, 255, .28);--bg: #060608;--bg-elev: #0a0a0d;--panel: rgba(18, 18, 22, .6);--card: rgba(22, 22, 27, .5);--card-hi: rgba(28, 28, 34, .6);--border: rgba(255, 255, 255, .07);--border-hi: rgba(255, 255, 255, .14);--text: #f4f4f6;--muted: rgba(244, 244, 246, .58);--dim: rgba(244, 244, 246, .34);--green: #7ee2a8;--green-dim: rgba(126, 226, 168, .28)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}.page{position:relative;min-height:100vh}.accent{color:var(--accent)}section[id]{scroll-margin-top:80px}.bg-pattern{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 60% 40% at 50% -8%,rgba(185,163,255,.08),transparent 65%),var(--bg)}.particles-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.7}.cursor-glow{position:fixed;top:0;left:0;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(185,163,255,.1) 0%,transparent 60%);pointer-events:none;z-index:0;filter:blur(70px);opacity:0;transition:opacity .5s ease;will-change:transform}.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center}.nav{display:flex;align-items:center;gap:24px;width:100%;max-width:1180px;padding:16px 28px;border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease}.nav--squeezed{background:#060608b8;border-bottom-color:var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:700;font-size:.95rem;letter-spacing:-.02em;white-space:nowrap}.logo-oh{flex-shrink:0;object-fit:contain;display:block}.nav-links{display:flex;align-items:center;gap:2px;margin-left:28px}.nav-link{padding:6px 12px;color:var(--muted);text-decoration:none;font-size:.85rem;font-weight:500;border-radius:7px;transition:color .15s ease,background .15s ease}.nav-link:hover{color:var(--text);background:#ffffff0a}.nav .dash-btn{margin-left:auto}.dash-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.85rem;color:var(--bg);background:var(--text);white-space:nowrap;transition:opacity .15s ease,transform .15s ease}.dash-btn:hover{opacity:.9}.dash-btn:active{transform:translateY(1px)}.dash-btn-arrow{transition:transform .2s ease}.dash-btn:hover .dash-btn-arrow{transform:translate(3px)}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:180px 24px 120px}.hero:before{content:"";position:absolute;top:90px;left:50%;transform:translate(-50%);width:900px;height:500px;max-width:100%;background:radial-gradient(ellipse at center,rgba(185,163,255,.1) 0%,rgba(185,163,255,.03) 30%,transparent 60%);filter:blur(40px);pointer-events:none;z-index:-1}.hero:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(185,163,255,.25),transparent);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:5px 14px 5px 6px;border:1px solid var(--border);border-radius:999px;background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--muted);font-size:.78rem;font-weight:500;margin-bottom:28px}.hero-badge-tag{padding:3px 9px;background:var(--accent);color:#0b0a12;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;position:relative;overflow:hidden}.hero-badge-tag:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:badge-shimmer 3.2s ease-in-out infinite}@keyframes badge-shimmer{50%,to{left:100%}}.hero-title{font-size:clamp(2.8rem,7.5vw,5.75rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;max-width:960px;padding-bottom:6px;background:linear-gradient(180deg,#fff,#8a8a94 130%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-title-pink{color:var(--accent);-webkit-text-fill-color:var(--accent)}.hero-sub{max-width:580px;margin-top:20px;color:var(--muted);font-size:1rem;font-weight:400;line-height:1.58}.hero-actions{display:flex;gap:10px;margin-top:34px;flex-wrap:wrap;justify-content:center}.loader-wrap{position:relative;width:100%;max-width:860px;margin:44px auto 0}.loader-wrap:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:420px;height:240px;max-width:90%;background:radial-gradient(ellipse at top,rgba(185,163,255,.22) 0%,rgba(185,163,255,.04) 32%,transparent 62%);filter:blur(20px);pointer-events:none;z-index:-1}.loader-box{position:relative;width:100%;border-radius:14px;border:1px solid var(--border);background:var(--bg-elev);overflow:hidden;text-align:left;box-shadow:0 50px 140px #000000d9,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0d}.loader-head{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--border)}.loader-dots{display:flex;gap:6px}.loader-dots i{width:10px;height:10px;border-radius:50%;background:#ffffff1a}.loader-title{font-size:.78rem;font-weight:500;color:var(--dim)}.copy-btn{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--muted);font-family:inherit;font-size:.78rem;font-weight:500;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.copy-btn:hover{color:var(--text);border-color:var(--border-hi);background:#ffffff08}.loader-code{margin:0;padding:18px 20px;font-family:DM Mono,ui-monospace,monospace;font-size:.85rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.tok-fn{color:#c9a6ff}.tok-obj{color:#7fd4c1}.tok-str{color:#e6b673}.tok-p{color:var(--muted)}.getkey-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:9px;text-decoration:none;font-weight:600;font-size:.9rem;color:var(--bg);background:var(--accent);border:none;cursor:pointer;font-family:inherit;transition:opacity .15s ease,transform .15s ease}.getkey-btn:hover{opacity:.9}.getkey-btn:active{transform:translateY(1px)}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:9px;text-decoration:none;font-weight:500;font-size:.9rem;color:var(--text);border:1px solid var(--border);background:transparent;cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease,transform .15s ease}.ghost-btn:hover{border-color:var(--border-hi);background:#ffffff08}.ghost-btn:active{transform:translateY(1px)}.discord-icon{color:var(--accent);transition:color .15s ease}.section{max-width:1180px;margin:0 auto;padding:100px 24px;text-align:center}.section-head{text-align:center;margin-bottom:56px}.section-kicker{display:inline-flex;align-items:center;gap:9px;padding:4px 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.section-kicker:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.section-title{font-size:clamp(1.9rem,4.5vw,3rem);font-weight:800;letter-spacing:-.035em;line-height:1.14;padding-bottom:6px;background:linear-gradient(180deg,#fff,#9a9aa4);-webkit-background-clip:text;background-clip:text;color:transparent}.section-title .accent{-webkit-text-fill-color:var(--accent);color:var(--accent)}.section-sub{margin:12px auto 0;max-width:540px;color:var(--muted);font-size:.95rem;line-height:1.58}.card{position:relative;border-radius:14px;border:1px solid var(--border);background:var(--card);transition:border-color .2s ease,background .2s ease,transform .2s ease}.card:hover{border-color:var(--border-hi);background:var(--card-hi)}.card-inner{height:100%;border-radius:14px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.card--featured{border-color:var(--accent-line)}.section--features{max-width:1180px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.feature-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;background:var(--card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;transition:border-color .25s ease,background .25s ease,transform .25s ease}.feature-card:hover{border-color:var(--border-hi);background:var(--card-hi);transform:translateY(-2px)}.feature-mock{position:relative;height:172px;flex:0 0 172px;background:var(--bg-elev);border-bottom:1px solid var(--border);padding:20px;overflow:hidden}.feature-body{padding:20px 20px 24px;text-align:left}.feature-title{font-size:1rem;font-weight:700;letter-spacing:-.01em}.feature-desc{margin-top:8px;color:var(--muted);font-size:.85rem;line-height:1.6}.mock-center{height:100%;display:flex;align-items:center;justify-content:center}.mock-shield{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:20px;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-line)}.mock-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;border:1px solid var(--accent-line);animation:mock-pulse-out 2.6s ease-out infinite;pointer-events:none}.mock-pulse--2{animation-delay:1.3s}@keyframes mock-pulse-out{0%{transform:scale(1);opacity:.7}to{transform:scale(1.55);opacity:0}}.mock-bars{display:flex;align-items:flex-end;justify-content:center;gap:10px;height:96px}.mock-bars span{width:16px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--accent),rgba(185,163,255,.25));animation:mock-bar-rise 1.4s ease-out backwards}.mock-bars span:nth-child(1){animation-delay:.05s}.mock-bars span:nth-child(2){animation-delay:.12s}.mock-bars span:nth-child(3){animation-delay:.19s}.mock-bars span:nth-child(4){animation-delay:.26s}.mock-bars span:nth-child(5){animation-delay:.33s}@keyframes mock-bar-rise{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.mock-meter{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:#ffffff05;font-size:.7rem;color:var(--muted)}.mock-meter svg{color:var(--accent)}.mock-stack{position:relative;width:150px;height:88px;margin:auto}.mock-plate{position:absolute;left:50%;transform:translate(-50%);width:140px;height:34px;border-radius:9px;border:1px solid var(--border);background:linear-gradient(145deg,#28282ef2,#101014eb);box-shadow:0 10px 24px #00000080;animation:mock-float 4.5s ease-in-out infinite}.mock-plate--1{top:52px;transform:translate(-50%) scale(.86);opacity:.4}.mock-plate--2{top:30px;transform:translate(-50%) scale(.93);opacity:.7;animation-delay:.12s}.mock-plate--3{top:6px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:-.01em;color:var(--text);border-color:var(--accent-line);background:linear-gradient(145deg,#3a344efa,#181620f2);box-shadow:0 16px 32px #0009,0 0 24px #b9a3ff24;animation-delay:.24s}.mock-plate--3 svg{color:var(--accent)}@keyframes mock-float{0%,to{translate:0 0}50%{translate:0 -3px}}.mock-chat{display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.mock-bubble{max-width:72%;padding:7px 12px;border-radius:12px;font-size:.76rem;line-height:1.3}.mock-bubble--in{align-self:flex-start;background:#ffffff0d;border:1px solid var(--border);color:var(--muted);border-bottom-left-radius:3px}.mock-bubble--out{align-self:flex-end;background:var(--accent-dim);border:1px solid var(--accent-line);color:var(--accent-hi);border-bottom-right-radius:3px}.mock-online{display:inline-flex;align-items:center;gap:7px;margin-top:4px;font-size:.68rem;color:var(--dim)}.mock-online i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green-dim)}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}.game-link{display:block;text-decoration:none;color:inherit}.game-card{padding:0;overflow:hidden;align-items:stretch;text-align:left}.game-thumb{position:relative;aspect-ratio:16 / 9;background:#131318;overflow:hidden}.game-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.card:hover .game-thumb img{transform:scale(1.04)}.game-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(6,6,8,.7));pointer-events:none}.game-thumb--loading{background:linear-gradient(100deg,#121217 40%,#1a1a20,#121217 60%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.game-badge{position:absolute;top:10px;right:10px;z-index:1;font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text);background:#060608b3;border:1px solid var(--border-hi);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 10px;border-radius:999px}.game-info{display:flex;flex-direction:column;gap:5px;padding:16px 18px 18px}.game-name{font-weight:600;font-size:.95rem;color:var(--text);letter-spacing:-.01em}.game-name--loading{color:var(--dim)}.game-playing{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted)}.game-playing svg{color:var(--accent)}.games-error{margin-top:24px;color:var(--muted);font-size:.9rem}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:760px;margin:48px auto 0;align-items:stretch}.pricing-grid .card-inner{align-items:flex-start;text-align:left;padding:30px 28px}.plan-tag{font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:4px 11px;border-radius:999px}.card--featured .plan-tag{color:var(--accent);border-color:var(--accent-line);background:var(--accent-dim)}.plan-name{margin-top:18px;font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.plan-price{margin-top:8px;font-size:2.4rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}.plan-period{font-size:.85rem;font-weight:500;color:var(--muted);letter-spacing:0}.plan-features{list-style:none;margin:24px 0 28px;display:grid;gap:11px;text-align:left;color:var(--muted);font-size:.88rem;flex:1}.plan-features li{display:flex;align-items:center;gap:9px}.check{color:var(--accent);font-weight:700}.plan-cta{width:100%}.dev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}.dev-card{padding:32px 24px 28px}.dev-avatar-wrap{padding:2px;border-radius:50%;border:1px solid var(--border-hi)}.dev-avatar{display:block;width:96px;height:96px;border-radius:50%;object-fit:cover}.dev-discord{display:inline-flex;align-items:center;gap:7px;margin-top:20px;font-size:.8rem;font-weight:500;color:var(--muted);border:1px solid var(--border);padding:5px 13px;border-radius:999px}.dev-discord .discord-icon{color:var(--accent)}.dev-name{margin-top:14px;font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.dev-role{margin-top:5px;color:var(--muted);font-size:.85rem}.key-top{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:20px 24px}.key-back{gap:7px;padding:8px 16px;font-size:.85rem}.key-main{display:flex;flex-direction:column;align-items:center;text-align:center;padding:90px 24px 140px}.key-title{font-size:clamp(2.2rem,6vw,3.4rem);font-weight:800;letter-spacing:-.04em}.key-system{display:flex;flex-direction:column;align-items:center;width:100%}.roadmap{display:flex;align-items:flex-start;justify-content:center;width:100%;max-width:720px;margin-top:56px}.roadmap-step{display:flex;flex-direction:column;align-items:center;gap:6px;width:160px;flex-shrink:0}.roadmap-node{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--border-hi);background:var(--bg-elev);color:var(--dim);transition:all .25s ease}.roadmap-label{margin-top:8px;font-weight:600;font-size:.9rem;color:var(--muted)}.roadmap-status{font-size:.76rem;color:var(--dim)}.roadmap-step--current .roadmap-node{border-color:var(--accent-line);color:var(--accent);background:var(--accent-dim)}.roadmap-step--current .roadmap-label{color:var(--text)}.roadmap-step--done .roadmap-node{border-color:var(--green-dim);background:#7ee2a814;color:var(--green)}.roadmap-step--done .roadmap-label,.roadmap-step--done .roadmap-status{color:var(--green)}.roadmap-line{flex:1;height:2px;margin-top:26px;border-radius:99px;background:var(--border);position:relative;overflow:hidden}.roadmap-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.roadmap-line--done:after{transform:scaleX(1)}.roadmap-start{margin-top:10px;padding:8px 18px;font-size:.83rem;gap:6px}.key-generate{margin-top:48px;font-size:.95rem;padding:13px 30px}.getkey-btn:disabled{opacity:.5;cursor:wait}.key-result{margin-top:48px;padding:24px 28px;border-radius:14px;border:1px solid var(--green-dim);background:#7ee2a80d;display:flex;flex-direction:column;align-items:center;gap:14px}.key-label{font-size:.8rem;font-weight:600;color:var(--green);letter-spacing:.03em}.key-value{font-family:DM Mono,ui-monospace,monospace;font-size:1.05rem;font-weight:500;color:var(--text);letter-spacing:.04em}.cp-alert-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:#040406b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:cp-fade .25s ease}@keyframes cp-fade{0%{opacity:0}to{opacity:1}}.cp-alert{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 52px;border-radius:16px;border:1px solid var(--green-dim);background:var(--bg-elev);box-shadow:0 24px 60px #00000080;animation:cp-pop .35s ease}@keyframes cp-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.cp-check{width:72px;height:72px;margin-bottom:8px}.cp-check-circle{stroke:var(--green);stroke-width:2.5;stroke-dasharray:151;stroke-dashoffset:151;animation:cp-draw .6s ease-out .1s forwards}.cp-check-mark{stroke:var(--green);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:cp-draw .4s ease-out .55s forwards}@keyframes cp-draw{to{stroke-dashoffset:0}}.cp-alert-title{font-size:1.2rem;font-weight:700;color:var(--green)}.cp-alert-sub{color:var(--muted);font-size:.88rem}.footer{border-top:1px solid var(--border);background:var(--bg-elev);margin-top:40px}.footer-inner{max-width:1180px;margin:0 auto;padding:44px 24px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.95rem;letter-spacing:-.02em}.footer-links{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--muted);text-decoration:none;font-size:.85rem;transition:color .15s ease}.footer-links a:hover{color:var(--text)}.footer-copy{color:var(--dim);font-size:.78rem}@media (max-width: 900px){.feature-grid{grid-template-columns:repeat(2,1fr);max-width:520px;margin-left:auto;margin-right:auto}.roadmap{flex-direction:column;align-items:center;gap:0}.roadmap-line{flex:none;width:2px;height:38px;margin:10px 0}.roadmap-line:after{transform:scaleY(0);transform-origin:top}.roadmap-line--done:after{transform:scaleY(1)}.pricing-grid,.dev-grid,.games-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.nav-links{display:none}}@media (max-width: 560px){.feature-grid{grid-template-columns:1fr;max-width:360px}}