:root{
  --ak-yellow:#FFD400; --ak-yellow-2:#FFBE00; --ak-black:#080808;
  --ak-panel:#151515; --ak-panel-2:#1d1d1d; --ak-white:#fff;
  --ak-muted:#b9b9b9; --ak-border:#343434; --ak-danger:#ff6262;
}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:
radial-gradient(circle at 50% -20%,#2b2400 0,#0c0c0c 34%,#050505 72%);
color:var(--ak-white);min-height:100vh}
a{color:inherit}.wrap{width:min(960px,calc(100% - 28px));margin:auto}
header{padding:28px 0 12px;text-align:center}
.logo{width:min(310px,75vw);height:auto;display:block;margin:0 auto 18px}
.eyebrow{color:var(--ak-yellow);font-size:.82rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
h1{font-size:clamp(2rem,7vw,4.1rem);line-height:.95;margin:12px 0 10px;font-weight:900;letter-spacing:-.04em}
h1 span{color:var(--ak-yellow)}
.lead{margin:0 auto;color:#d0d0d0;font-size:clamp(1rem,2.6vw,1.25rem);max-width:700px;line-height:1.55}
.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:36px auto 28px}
.card{position:relative;background:linear-gradient(145deg,#1c1c1c,#101010);border:1px solid #3a3300;border-radius:24px;padding:30px;box-shadow:0 18px 50px #0008;overflow:hidden}
.card.featured{border:2px solid var(--ak-yellow)}
.badge{position:absolute;right:18px;top:18px;background:var(--ak-yellow);color:#000;font-size:.72rem;font-weight:900;padding:7px 10px;border-radius:999px}
.wifi{font-size:2rem;color:var(--ak-yellow);margin-bottom:16px}
.card h2{font-size:1.55rem;margin:0 0 10px}.card h2 span{color:var(--ak-yellow)}
.desc{color:#c5c5c5;min-height:48px;line-height:1.5}
.price{margin:22px 0;font-size:3.2rem;font-weight:900;letter-spacing:-.04em}.price small{font-size:1.4rem;color:var(--ak-yellow);vertical-align:12px;margin-right:6px}
.btn{width:100%;border:0;border-radius:13px;padding:17px 20px;background:linear-gradient(90deg,var(--ak-yellow),var(--ak-yellow-2));color:#050505;font-weight:900;font-size:1rem;cursor:pointer;box-shadow:0 8px 28px #ffd4001f;transition:.15s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#333;margin:30px 0;border:1px solid #333;border-radius:18px;overflow:hidden}
.feature{background:#0e0e0e;text-align:center;padding:20px 10px;font-size:.82rem;font-weight:700}.feature b{display:block;color:var(--ak-yellow);font-size:1.5rem;margin-bottom:8px}
.secure{text-align:center;color:#bdbdbd;margin:26px 0}.secure strong{color:#fff}.secure .pix{color:var(--ak-yellow);font-weight:900}
footer{border-top:1px solid #242424;margin-top:34px;padding:24px 0 38px;text-align:center;color:#777;font-size:.82rem}
.paybox{max-width:620px;margin:30px auto;background:linear-gradient(145deg,#1c1c1c,#101010);border:1px solid #373000;border-radius:24px;padding:28px;text-align:center}
.paybox h1{font-size:2rem}.amount{font-size:2.6rem;font-weight:900;color:var(--ak-yellow);margin:10px 0 22px}
.qr{background:#fff;border-radius:16px;padding:14px;width:min(290px,85%);height:auto}
.code{width:100%;min-height:110px;background:#090909;border:1px solid #333;border-radius:12px;color:#ddd;padding:13px;resize:none;margin:15px 0;font-size:.8rem}
.status{display:flex;justify-content:center;align-items:center;gap:10px;color:#d4d4d4;margin:18px 0}.dot{width:10px;height:10px;border-radius:50%;background:var(--ak-yellow);box-shadow:0 0 14px var(--ak-yellow)}
.error{max-width:650px;margin:30px auto;padding:18px;border:1px solid #5b2424;background:#211010;border-radius:14px;color:#ffd4d4}
.back{display:inline-block;margin-top:18px;color:var(--ak-yellow);text-decoration:none;font-weight:700}
@media(max-width:720px){.plans{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr)}.card{padding:24px}.price{font-size:2.8rem}}