*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{min-height:100svh;background:#12061f;color:#fbe9ff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased}
.bg{position:fixed;inset:0;z-index:-1;background:#12061f url(img/bg-tall.jpg) center/cover no-repeat}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,rgba(18,6,31,.45),rgba(18,6,31,.88) 75%)}
@media (orientation:landscape){.bg{background-image:url(img/bg-wide.jpg)}}
.sp{max-width:560px;margin:0 auto;padding:max(22px,env(safe-area-inset-top)) 18px 32px;text-align:center}
.sp-back{display:inline-block;margin-bottom:8px;color:#c9f3ff;text-decoration:none;font-size:15px}
.sp-logo{margin:0;font-size:clamp(30px,8vw,52px);font-weight:800;letter-spacing:.04em;color:#ffd6fb;text-shadow:0 0 6px #ff4fd8,0 0 18px #ff2bd0,0 0 40px #b400ff}
.sp-logo span{color:#c9f3ff;text-shadow:0 0 6px #35c8ff,0 0 18px #1aa0ff,0 0 40px #3a5bff}
h2{margin:14px 0 6px;font-size:22px;color:#ffe3fb}
.sp-lead{line-height:1.5;opacity:.92}
.sp-tabs{display:flex;gap:8px;justify-content:center;margin:18px 0 12px}
.sp-tabs button{font:inherit;color:#fbe9ff;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,106,228,.5);border-radius:999px;padding:8px 16px;cursor:pointer}
.sp-tabs button[aria-selected="true"]{background:rgba(255,79,216,.22);border-color:#ff6ae4;box-shadow:0 0 10px rgba(255,63,214,.45)}
.sp-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sp-amounts[hidden]{display:none}
.sp-amt{font:inherit;font-size:19px;font-weight:700;color:#fff;padding:14px 6px;border-radius:14px;cursor:pointer;
 background:linear-gradient(160deg,rgba(255,79,216,.18),rgba(180,0,255,.16) 60%,rgba(95,216,255,.12));border:1.5px solid #ff6ae4;
 box-shadow:0 0 10px rgba(255,63,214,.35),inset 0 0 10px rgba(255,63,214,.2);transition:transform .15s,box-shadow .15s}
.sp-amt:hover,.sp-amt:focus-visible{transform:translateY(-1px);outline:none;box-shadow:0 0 14px #ff3fd6,0 0 30px rgba(180,0,255,.55)}
.sp-amt[aria-checked="true"]{background:linear-gradient(160deg,rgba(255,79,216,.45),rgba(180,0,255,.4));box-shadow:0 0 16px #ff3fd6,0 0 34px rgba(180,0,255,.6)}
.sp-month{display:inline-flex;align-items:center;gap:10px;margin:18px 0 4px;font-size:18px;cursor:pointer}
.sp-month input{width:22px;height:22px;accent-color:#ff4fd8}
.sp-note{margin:4px 0 14px;font-size:14px;opacity:.85;min-height:2.6em}
.sp-go{font:inherit;font-size:18px;font-weight:700;color:#12061f;background:#ffd6fb;border:0;border-radius:14px;padding:14px 28px;cursor:pointer;box-shadow:0 0 14px #ff4fd8,0 0 30px rgba(180,0,255,.5)}
.sp-go:disabled{opacity:.5;cursor:default;box-shadow:none}
.sp-msg{min-height:1.4em;margin-top:10px;color:#ffd6fb}
.sp-msg.err{color:#ffb3b3}
.sp-manage{margin-top:14px}
.sp-manage a,.sp-foot a{color:#c9f3ff}
.sp-foot{margin-top:22px;font-size:13px;line-height:1.5;opacity:.75}
.sp-sign{font-style:italic;opacity:.85}