*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#080604; --bg-2:#15100a;
  --gold:#d4af37; --gold-2:#f4d77a; --gold-deep:#a8821f;
  --cream:#f5ecd6; --green:#25D366; --green-dark:#0e6b56;
  --muted:#9b8c70; --line:rgba(212,175,55,.22);
}
html,body{background:var(--bg);color:var(--cream);font-family:'Inter',sans-serif;min-height:100%}
body{position:relative;background:radial-gradient(ellipse at 50% -10%, #1d150a 0%, #0c0805 45%, #050403 100%);background-attachment:fixed;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 8% 12%, rgba(212,175,55,.10), transparent 35%),radial-gradient(circle at 92% 88%, rgba(212,175,55,.08), transparent 40%),radial-gradient(circle at 50% 50%, rgba(244,215,122,.04), transparent 60%)}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(212,175,55,.18) 1px, transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at center, #000 30%, transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center, #000 30%, transparent 80%)}
.wrap{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:28px 20px 40px;text-align:center}
.ornament{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0 6px;color:var(--gold);opacity:.85}
.ornament .line{flex:1;max-width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.ornament svg{width:22px;height:22px}
.badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg, rgba(212,175,55,.08), rgba(212,175,55,.02));border:1px solid var(--line);color:var(--gold);padding:10px 20px;border-radius:999px;font-weight:600;font-size:12px;letter-spacing:3px;text-transform:uppercase;margin-bottom:18px;box-shadow:inset 0 0 20px rgba(212,175,55,.05)}
h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(28px,7vw,42px);line-height:1.1;color:var(--cream);letter-spacing:.3px}
h1 .accent{display:block;font-style:italic;font-weight:500;background:linear-gradient(180deg,#f4d77a 0%, #d4af37 60%, #a8821f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(34px,9vw,54px);margin:2px 0}
.sub{color:var(--cream);opacity:.85;margin-top:16px;font-size:14px;line-height:1.6;max-width:420px;margin-left:auto;margin-right:auto}
.sub b{color:var(--gold);font-weight:600}
.price-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:26px 0 10px}
.chip{background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));border:1px solid var(--line);border-radius:999px;padding:12px 20px;font-size:13px;color:var(--cream);display:flex;align-items:center;gap:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.chip b{color:var(--gold);font-weight:700;letter-spacing:.5px}
.status{margin:24px auto;display:inline-flex;align-items:center;gap:12px;padding:11px 22px;border-radius:999px;font-weight:600;font-size:13px;letter-spacing:.5px}
.status.on{background:rgba(37,211,102,.08);color:#86eab0;border:1px solid rgba(37,211,102,.35)}
.status.off{background:rgba(180,90,90,.08);color:#e6a8a8;border:1px solid rgba(180,90,90,.35)}
.dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.status.on .dot{animation:pulse 1.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(134,234,176,.6)}100%{box-shadow:0 0 0 10px rgba(134,234,176,0)}}
.card{position:relative;background:linear-gradient(180deg, rgba(20,15,10,.85), rgba(8,6,4,.9));border:1px solid var(--line);border-radius:28px;padding:28px 24px;margin-top:22px;box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 1px 0 rgba(212,175,55,.15)}
.card::before, .card::after{content:"";position:absolute;width:36px;height:36px;border:1px solid var(--gold);opacity:.45}
.card::before{top:10px;left:10px;border-right:none;border-bottom:none;border-top-left-radius:22px}
.card::after{bottom:10px;right:10px;border-left:none;border-top:none;border-bottom-right-radius:22px}
.label{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:12px;font-weight:600;text-align:left;display:flex;align-items:center;gap:8px}
.label .num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--gold);font-size:11px;color:var(--gold);font-family:'Cormorant Garamond',serif}
.pay-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.opt{background:rgba(255,255,255,.02);border:1px solid rgba(212,175,55,.18);color:var(--cream);padding:14px 8px;border-radius:18px;cursor:pointer;font-size:14px;font-weight:500;transition:all .25s;font-family:inherit}
.opt:hover{border-color:var(--gold);background:rgba(212,175,55,.06)}
.opt.active{background:linear-gradient(180deg,#f4d77a 0%, #d4af37 60%, #a8821f 100%);color:#1a1206;border-color:var(--gold);font-weight:700;box-shadow:0 8px 24px rgba(212,175,55,.25), inset 0 1px 0 rgba(255,255,255,.4)}
.cta{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:22px;padding:18px;border:none;cursor:pointer;background:linear-gradient(180deg,#25D366,#0e6b56);color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px;border-radius:999px;font-family:inherit;box-shadow:0 12px 30px rgba(37,211,102,.3), inset 0 1px 0 rgba(255,255,255,.2);transition:transform .15s, box-shadow .15s}
.cta:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(37,211,102,.4)}
.cta:disabled{background:#2a2520;color:#7a6f5e;box-shadow:none;cursor:not-allowed;opacity:.7}
.cta svg{width:22px;height:22px}
.hint{font-size:12px;color:var(--muted);margin-top:14px;letter-spacing:.3px}
.field{margin-top:16px;text-align:left}
.field input{width:100%;padding:15px 18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(212,175,55,.18);color:var(--cream);font-size:15px;font-family:inherit;outline:none;transition:border-color .2s, background .2s}
.field input::placeholder{color:rgba(245,236,214,.35)}
.field input:focus{border-color:var(--gold);background:rgba(212,175,55,.04)}
.troco-box{margin-top:14px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg, rgba(212,175,55,.06), rgba(212,175,55,.02));border:1px dashed rgba(212,175,55,.4);display:none}
.troco-box.show{display:block;animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.troco-result{margin-top:10px;text-align:center;font-family:'Cormorant Garamond',serif;color:var(--gold-2);font-size:18px;letter-spacing:.5px}
.troco-result b{font-size:24px;color:var(--gold-2);font-weight:700}
.troco-result.warn{color:#e6a8a8}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.feat{background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));border:1px solid var(--line);border-radius:20px;padding:16px 8px;font-size:11px;color:var(--cream);letter-spacing:1px;text-transform:uppercase}
.feat b{display:block;color:var(--gold);font-size:22px;margin-bottom:6px;font-family:'Cormorant Garamond',serif;font-weight:600}
footer{margin-top:32px;font-size:12px;color:var(--muted);letter-spacing:.5px;line-height:1.8}
footer a{color:var(--gold);text-decoration:none}
footer .sep{color:var(--gold);opacity:.5;margin:0 8px}