:root{--bg:#080912;--card:rgba(255,255,255,.08);--card2:rgba(255,255,255,.12);--text:#f8fafc;--muted:#a8b3cf;--line:rgba(255,255,255,.14);--accent:#7c3aed;--accent2:#06b6d4;--success:#22c55e}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#312e81 0,transparent 34%),radial-gradient(circle at top right,#0891b2 0,transparent 26%),var(--bg)}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.logo{font-weight:800;letter-spacing:.4px}.badge{display:inline-flex;gap:8px;padding:8px 12px;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:14px}.badge,.hero{align-items:center}.hero{padding:48px 0 28px;display:grid;grid-gap:24px;gap:24px;grid-template-columns:1.15fr .85fr}h1{font-size:clamp(38px,6vw,72px);line-height:.96;margin:18px 0}p{color:var(--muted);line-height:1.65}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:14px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 10px 30px rgba(124,58,237,.3)}.btn.secondary{background:var(--card);box-shadow:none}.btn.secondary,.card{border:1px solid var(--line)}.card{background:linear-gradient(180deg,var(--card2),var(--card));border-radius:24px;padding:22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:18px}.stat{padding:16px;background:rgba(255,255,255,.06);border-radius:18px;border:1px solid var(--line)}.stat b{display:block;font-size:24px}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin:28px 0 56px}.product{display:flex;flex-direction:column;gap:12px;min-height:280px}.product h3{margin:0;font-size:20px}.price{font-size:28px;font-weight:900}.muted{color:var(--muted)}.label{font-size:12px;color:#cffafe;background:rgba(6,182,212,.14);width:max-content;padding:6px 10px;border-radius:999px}.form{display:grid;grid-gap:12px;gap:12px;margin-top:16px}input,select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;outline:none}option{color:#111}.checkout{min-height:80vh;display:grid;place-items:center;padding:30px 0}.qr{width:100%;max-width:320px;border-radius:18px;background:white;padding:14px}.status{color:#fff;border-radius:14px;padding:12px 14px;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.35)}table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px}td,th{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.footer{padding:36px 0 50px;color:var(--muted);border-top:1px solid var(--line)}@media (max-width:880px){.grid,.hero,.stats{grid-template-columns:1fr}}