:root{--primary:#9333ea;--primary-hover:#a855f7;--secondary:#06b6d4;--bg-dark:#0f0a1c;--card-bg:#1a1330bf;--border:#9333ea4d;--text-main:#f3f4f6;--text-muted:#9ca3af}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);background-image:linear-gradient(#0f0a1cd9,#0f0a1cf2),url(/assets/background.png);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh}button,input,select{font:inherit}button{color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:20;justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 32px);margin:18px auto;padding:14px 20px;display:flex;position:sticky;top:10px}.brand{cursor:pointer;letter-spacing:3px;background:0 0;border:0;align-items:center;gap:12px;font-weight:900;display:flex}.brand img{object-fit:contain;width:46px;height:46px}.brand span{color:#0000;background:linear-gradient(90deg,#f4d06f,#a855f7,#22d3ee);-webkit-background-clip:text;background-clip:text}.site-header nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.nav-button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 12px}.nav-button:hover,.nav-button.active{color:#fff;background:#9333ea2e}.main-content{flex:1;width:min(1180px,100% - 32px);margin:0 auto;padding:48px 0 80px}.hero-section{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;min-height:580px;display:grid}.hero-section h1{letter-spacing:-5px;max-width:760px;margin:16px 0 24px;font-size:clamp(3rem,7vw,6.5rem);line-height:.9}.hero-section p,.section-heading p,.download-card>p{color:var(--text-muted);font-size:1.08rem;line-height:1.7}.eyebrow{color:#d8b4fe;letter-spacing:3px;font-size:.75rem;font-weight:800}.actions{gap:12px;margin-top:28px;display:flex}.secondary-btn{border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:11px 18px}.hero-card{text-align:center;padding:36px}.hero-card img{object-fit:contain;width:100%;max-height:220px}.hero-card small{color:var(--text-muted)}.server-pill{color:#fca5a5;background:#ef44441f;border-radius:999px;margin:24px 0 14px;padding:12px}.server-pill i{background:currentColor;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.server-pill.online{color:#86efac;background:#22c55e1f}.form-card,.table-card,.download-card{max-width:900px;margin:0 auto;padding:clamp(24px,5vw,48px)}.form-card.compact{max-width:480px}.section-heading{margin-bottom:28px}.section-heading h2,.download-card h2{margin:8px 0;font-size:clamp(2rem,4vw,3.2rem)}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{color:#d1d5db;gap:7px;margin-bottom:16px;font-size:.88rem;display:grid}.field input,.field select{border:1px solid var(--border);color:#fff;background:#05050f9e;border-radius:9px;outline:none;width:100%;padding:13px 14px}.field input:focus,.field select:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f724}.wide{align-self:end;width:100%;min-height:46px}.notice{text-align:center;border-radius:10px;max-width:900px;margin:0 auto 18px;padding:13px 16px}.notice.error{color:#fecaca;background:#ef444424;border:1px solid #ef444459}.notice.success{color:#bbf7d0;background:#22c55e24;border:1px solid #22c55e59}.notice.pending{color:#fde68a;background:#f59e0b1c;border:1px solid #f59e0b4d}.download-card{text-align:center}.download-meta,.stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0;display:grid}.download-meta div,.stat-grid div{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;gap:5px;padding:18px 12px;display:grid}.download-meta b,.stat-grid b{font-size:1.35rem}.download-meta span,.stat-grid span{color:var(--text-muted);font-size:.8rem}.download-button{margin-bottom:20px;text-decoration:none;display:inline-block}.download-card code{color:var(--text-muted);display:block}.table-wrap{overflow-x:auto}.table-card table{border-collapse:collapse;width:100%}.table-card th,.table-card td{text-align:left;border-bottom:1px solid #ffffff12;padding:14px}.table-card th{color:#c4b5fd;text-transform:uppercase;letter-spacing:1px;font-size:.78rem}.empty{color:var(--text-muted);text-align:center!important}.status-dot{color:var(--text-muted)}.status-dot.online{color:#86efac}.account-layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}.account-summary{grid-column:1/-1;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:24px;padding:32px;display:grid}.characters,.password-card{padding:28px}.characters h3,.password-card h3{margin-bottom:18px}.characters article{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.characters article div{gap:5px;display:grid}.characters article span{color:var(--text-muted);font-size:.8rem}.payment-layout{grid-template-columns:1.25fr .75fr;align-items:start;gap:20px;display:grid}.payment-card,.pix-card,.orders-card{padding:clamp(24px,4vw,40px)}.payment-card h2{margin:8px 0;font-size:clamp(2rem,4vw,3.2rem)}.payment-card>p,.payment-gate p,.pix-card small{color:var(--text-muted);line-height:1.6}.payment-gate{gap:18px;margin-top:28px;display:grid}.package-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0 20px;display:grid}.package-grid button{color:#fff;border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:10px;gap:4px;padding:18px 8px;display:grid}.package-grid button.selected{background:#9333ea33;border-color:#a855f7;box-shadow:0 0 18px #9333ea2e}.package-grid b{font-size:1.4rem}.package-grid span,.package-grid small{color:var(--text-muted)}.pix-card{text-align:center;gap:16px;display:grid}.pix-card .secondary-btn{text-decoration:none}.pix-qr{aspect-ratio:1;background:#fff;border-radius:10px;width:min(260px,100%);margin:0 auto;padding:10px}.orders-card{grid-column:1/-1}.orders-card h3{margin-bottom:14px}.orders-card article{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.orders-card article div{gap:4px;display:grid}.orders-card article span{color:var(--text-muted);font-size:.8rem}.orders-card strong{color:#fde68a;text-transform:capitalize}.orders-card strong.paid{color:#86efac}footer{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0f;padding:24px}footer span{margin:0 8px}@media (width<=820px){.site-header{flex-direction:column;align-items:stretch;position:static}.site-header nav,.brand{justify-content:center}.main-content{padding-top:24px}.hero-section{text-align:center;grid-template-columns:1fr;gap:30px;min-height:auto}.hero-section h1{letter-spacing:-2px}.actions{flex-wrap:wrap;justify-content:center}.form-grid,.account-layout,.payment-layout,.account-summary,.download-meta,.stat-grid{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr 1fr}}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px #0000005e}.glow-btn{background:linear-gradient(135deg, var(--primary) 0%, #6366f1 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;box-shadow:0 0 15px #9333ea66}.glow-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px #a855f7b3}
