*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}
body{font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:linear-gradient(180deg,#1b1033 0%,#2a1647 45%,#3b1d4f 100%);color:#f6eefc;min-height:100vh}
.w{max-width:480px;margin:0 auto;padding:16px 18px 120px}
h1{font:700 26px/1.2 Georgia,serif;text-align:center;margin:8px 0 10px}h2{font:700 21px/1.25 Georgia,serif;margin:6px 0 10px;text-align:center}
.sub{text-align:center;color:#d8c8ee;font-size:15px}
.gold{color:#f5c76b}.bar{height:8px;background:#ffffff22;border-radius:9px;overflow:hidden;margin:6px 0 4px}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f5c76b,#ff8fb1);transition:width .35s}
.stp{font-size:12px;color:#cbb7e6;text-align:right}
.opt{display:block;width:100%;padding:15px 16px;margin:10px 0;border:1.5px solid #ffffff30;border-radius:14px;background:#ffffff10;color:#fff;font-size:17px;text-align:left;cursor:pointer}
.opt:active,.opt.on{background:#f5c76b33;border-color:#f5c76b}
input{width:100%;padding:15px;border-radius:12px;border:1.5px solid #ffffff40;background:#ffffff12;color:#fff;font-size:18px;margin:12px 0}input::placeholder{color:#cdbbe5}
.btn{display:block;width:100%;padding:17px;border:0;border-radius:14px;background:linear-gradient(90deg,#ffb347,#ff6f91);color:#2a0f2f;font:800 18px/1.1 system-ui;text-align:center;text-decoration:none;box-shadow:0 6px 20px #ff6f9155;cursor:pointer}
.btn small{display:block;font-weight:600;font-size:12px;margin-top:4px;opacity:.85}
.sticky{position:fixed;left:0;right:0;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#1b1033ee;backdrop-filter:blur(6px);z-index:9;display:none}
.sticky .btn{max-width:452px;margin:0 auto}
.card{background:#ffffff0f;border:1px solid #ffffff22;border-radius:16px;padding:16px;margin:14px 0}
.por{display:block;position:relative;border-radius:16px;overflow:hidden;margin:12px auto;max-width:320px;border:3px solid #f5c76b}
.por img{display:block;width:100%;height:auto;filter:blur(14px) saturate(.6);transform:scale(1.08)}
.por span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 18px Georgia,serif;text-shadow:0 2px 8px #000;text-align:center;padding:20px}
.old{text-decoration:line-through;color:#cbb7e6}.price{font:800 40px/1 system-ui;color:#f5c76b;text-align:center;margin:6px 0}
ul.ck{list-style:none}ul.ck li{padding:6px 0 6px 28px;position:relative}ul.ck li:before{content:"✦";position:absolute;left:4px;color:#f5c76b}
.tm{font-size:14px;color:#e3d6f3;font-style:italic}.tm b{font-style:normal;color:#fff}
.foot{font-size:11px;color:#b9a5d6;text-align:center;margin-top:24px}.foot a{color:#b9a5d6}
.timer{background:#ff6f9133;border:1px solid #ff6f91;border-radius:10px;padding:8px;text-align:center;font-weight:700;margin:10px 0}
.load{text-align:center;padding:40px 0}.load .ring{width:70px;height:70px;border:5px solid #ffffff22;border-top-color:#f5c76b;border-radius:50%;margin:20px auto;animation:r 1s linear infinite}@keyframes r{to{transform:rotate(360deg)}}
.hide{display:none}