@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Karla:wght@400;600;800&display=swap');
:root { --night: #1e1533; --night-2: #2a1f45; --night-3: #362a58; --paper: #f8efdc; --ink: #1a1424; --rosa: #e8338b; --cempa: #f5a623; --jade: #22b08f; --cielo: #4aa3df; --muted: #b7a8d4; --display: 'Alfa Slab One', Rockwell, Georgia, serif; }
* { box-sizing: border-box; }
html { background: var(--night); }
body { margin: 0; background: var(--night); color: #fff; font: 17px/1.55 Karla, system-ui, sans-serif; padding-bottom: env(safe-area-inset-bottom, 0px); }
a { color: var(--cempa); }
.picado { height: 34px; background: repeating-linear-gradient(90deg, var(--rosa) 0 44px, var(--cempa) 44px 88px, var(--jade) 88px 132px, var(--cielo) 132px 176px, #a35ce6 176px 220px);
  -webkit-mask: radial-gradient(circle at 50% 100%, transparent 8px, #000 9px) 0 0 / 44px 34px; mask: radial-gradient(circle at 50% 100%, transparent 8px, #000 9px) 0 0 / 44px 34px; }
.wrap { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; }
h1, h2, h3 { font-family: var(--display); font-weight: 400; line-height: 1.15; margin: 0 0 12px; }
h1 { font-size: clamp(34px, 8vw, 54px); } h1 em { color: var(--cempa); font-style: normal; }
h2 { font-size: 24px; } h3 { font-size: 19px; }
.lead { font-size: 19px; color: #e9e2f7; }
.muted { color: var(--muted); }
.btn { display: inline-block; border: 0; border-radius: 12px; padding: 12px 18px; font: 800 16px Karla, system-ui, sans-serif; background: var(--night-3); color: #fff; text-decoration: none; cursor: pointer; }
.btn.primary { background: var(--rosa); } .btn.ghost { background: transparent; border: 2px solid var(--night-3); }
.btn.big { font-size: 19px; padding: 16px 26px; }
.btn:focus-visible { outline: 3px solid var(--cempa); outline-offset: 2px; }
.row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.panel { background: var(--night-2); border: 2px solid var(--night-3); border-radius: 16px; padding: 18px; margin: 18px 0; }
.note { background: var(--night-3); border-left: 5px solid var(--cempa); border-radius: 10px; padding: 12px 14px; margin: 0 0 18px; }
.levels { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 22px 0; }
.lv { background: var(--paper); color: var(--ink); border-radius: 12px; padding: 14px; box-shadow: 0 0 0 4px var(--paper), 0 8px 18px rgba(0,0,0,.35); border: 3px solid var(--ink); }
.lv b { font-family: var(--display); font-weight: 400; font-size: 18px; color: var(--rosa); display: block; }
.lv span { font-size: 15px; }
.price { text-align: center; }
.price .amt { font-family: var(--display); font-size: 52px; color: var(--cempa); line-height: 1; }
.linkbox { width: 100%; padding: 12px; border-radius: 10px; border: 2px solid var(--night-3); background: var(--night); color: #fff; font: 14px ui-monospace, monospace; margin: 6px 0 12px; }
footer { margin-top: 36px; color: var(--muted); font-size: 14px; text-align: center; }
footer a { color: var(--muted); }
.legal h2 { margin-top: 26px; }