:root { color-scheme:dark; --bg:#0c0a10;--panel:#18141d;--panel2:#211924;--white:#faf8fb;--muted:#aea3b0;--pink:#ff82ad;--edge:rgba(255,255,255,.12);--grad:linear-gradient(110deg,#ffb779,#ff88a5 57%,#fe77b4); }
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#09080c}body{margin:0;font:400 14px/1.5 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--white);background:radial-gradient(circle at 50% -6%,#5530424d,transparent 42%),#0b0910}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffbd83;outline-offset:3px}
.shell{position:relative;isolation:isolate;margin:0 auto;max-width:485px;min-height:100svh;background:linear-gradient(175deg,#14101a 0%,#0b0910 55%,#0c0a10);border-inline:1px solid #ffffff0a;box-shadow:0 30px 90px #000c;overflow:hidden}.ambient-glow{position:absolute;top:260px;right:-240px;width:420px;height:540px;background:#ed458117;filter:blur(100px);pointer-events:none;z-index:-1}
.topbar{display:flex;align-items:center;gap:10px;padding:16px 21px;border-bottom:1px solid #ffffff10}.brand-icon{width:36px;height:36px;border-radius:13px;background:linear-gradient(125deg,#ffb878,#ff78a8);color:#27111c;display:grid;place-items:center;font-size:20px;font-weight:900;box-shadow:0 8px 22px #e44d8d36,inset 0 1px 0 #fff8}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text strong{font-weight:800;letter-spacing:-.025em}.brand-text span{color:#a99eac;font-size:11px;margin-top:3px}.age-badge{margin-left:auto;border:1px solid #ffffff2b;border-radius:999px;padding:5px 11px;color:#d9c7d4;font-size:11px;font-weight:800}
.cover{height:194px;background:#29232a;overflow:hidden;position:relative}.cover:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(0deg,#17121bf2,transparent 70%)}.cover img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 45%}.avatar-wrap{height:53px;padding-left:25px;position:relative}.avatar{width:102px;height:102px;border-radius:30px;object-fit:cover;object-position:50% 28%;border:4px solid #18111b;position:absolute;top:-52px;box-shadow:0 10px 36px #000c,0 0 0 1px #ffad9f66}.intro-copy{padding:8px 24px 12px}.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:10px;font-weight:750;letter-spacing:.115em;color:#ffbd98}.pulse{height:7px;width:7px;background:#eaa0bb;border-radius:50%;box-shadow:0 0 0 4px #da668b1c}.intro h1{font-size:31px;line-height:1.1;letter-spacing:-.06em;margin:9px 0 10px;font-weight:850}.intro h1 span{font-size:26px}.intro-lead{color:#e0d4e0;font-size:13.5px;line-height:1.65;max-width:385px;margin:0}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.tags span{font-size:10px;padding:7px 10px;color:#e3c7d7;border:1px solid #76556b5c;border-radius:999px;background:#30202e66}
.section{padding:24px 23px 7px}.preview-section{padding-top:29px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:17px}.section-kicker{display:block;color:#ffa7b3;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:3px}.section-header h2{font-size:21px;margin:0;letter-spacing:-.045em;line-height:1.15}.subtle-tag,.currency{color:#9f929f;font-size:10px;white-space:nowrap}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-tile{aspect-ratio:1/.9;position:relative;overflow:hidden;border-radius:21px;background:#261b28;border:1px solid #9977863e;box-shadow:0 6px 0 #09070c,0 20px 25px #0008,inset 0 1px 1px #fff3}.preview-tile img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:blur(4px) saturate(.96) brightness(.90);transform:scale(1.045);transition:transform .3s ease,filter .3s ease}.preview-shade{position:absolute;inset:0;background:linear-gradient(0deg,#151019dc,transparent 65%)}.preview-lock{position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);height:41px;width:41px;display:grid;place-items:center;border:1px solid #ffffff52;border-radius:14px;background:#21161cb0;box-shadow:0 4px 20px #0009;font-size:26px;color:#ffd3df}.preview-label{position:absolute;left:13px;bottom:12px;font-size:10px;letter-spacing:.09em;font-weight:850;color:#f0d3df}
.pricing-section{padding-top:37px;padding-bottom:31px}.plan-grid{display:grid;gap:12px}.plan-card{width:100%;min-height:78px;border-radius:20px;padding:15px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:11px;text-align:left;border:1px solid #514552;background:linear-gradient(140deg,#2b232c,#19151d);color:var(--white);box-shadow:0 6px 0 #070608,0 17px 29px #0007,inset 0 1px 0 #ffffff19;transition:transform .16s,border-color .16s}.plan-card:hover{transform:translateY(-2px);border-color:#d39baa}.plan-card:active{transform:translateY(2px)}.radio-mark{width:22px;height:22px;display:grid;place-items:center;border:1px solid #967d8e;border-radius:50%;background:#1b1520}.plan-details{min-width:0;display:flex;flex-direction:column;gap:5px}.plan-details strong{font-size:12.5px;line-height:1.2;letter-spacing:-.02em;overflow-wrap:break-word}.plan-details small{font-size:11px;color:#bdb0bd;line-height:1.25}.money{white-space:nowrap;font-size:17px;font-weight:900;letter-spacing:-.035em}.plan-card.is-selected{background:var(--grad);color:#24141a;border-color:#ffdbbd;box-shadow:0 6px 0 #69324e,0 18px 34px #fe639536,inset 0 1px 0 #fffd}.plan-card.is-selected .radio-mark{border-color:#422136;background:#442334;color:#fff}.plan-card.is-selected .radio-mark:after{content:"✓";font-size:12px;font-weight:900}.plan-card.is-selected .plan-details small{color:#633847}
.primary-action{display:flex;justify-content:center;align-items:center;gap:13px;width:100%;border:1px solid #ffb3a2;border-radius:18px;background:var(--grad);color:#321825;font-size:13px;font-weight:900;letter-spacing:.04em;min-height:56px;margin-top:22px;box-shadow:0 5px 0 #652e4c,0 19px 35px #ff619336,inset 0 2px 0 #fffc;transition:transform .15s,filter .15s}.primary-action:not(:disabled):hover{filter:brightness(1.07);transform:translateY(-1px)}.primary-action:not(:disabled):active{transform:translateY(2px)}.primary-action:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.footer{padding:18px 24px 26px;border-top:1px solid #ffffff12;color:#8d7e8c;text-align:center;font-size:10px;line-height:1.6;display:flex;gap:5px;flex-direction:column}
/* Tela 2 */
.checkout-intro{padding:27px 23px 18px}.text-back{display:inline-flex;color:#b5a6b5;font-size:12px;margin-bottom:28px}.text-back:hover{color:#fff}.checkout-intro h1{margin:4px 0 7px;font-size:26px;line-height:1.15;letter-spacing:-.04em}.checkout-intro p{margin:0;color:#bbaebb;font-size:13px;line-height:1.55}.summary-card{margin:0 23px 23px;display:grid;grid-template-columns:49px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #9b657e66;padding:13px;border-radius:19px;background:linear-gradient(135deg,#382431,#211923);box-shadow:0 6px 0 #08060c,0 20px 31px #0008,inset 0 1px 0 #ffffff2e}.summary-photo{height:49px;width:49px;border-radius:14px;object-fit:cover;object-position:50% 27%}.summary-info{min-width:0;display:flex;flex-direction:column;gap:2px}.summary-info span{font-size:9px;color:#d1a9bd;font-weight:750}.summary-info strong{font-size:12px;line-height:1.25;overflow-wrap:break-word}.summary-info small{font-size:10px;color:#ad9daa}.summary-value{font-size:16px;white-space:nowrap;font-weight:850;letter-spacing:-.04em;color:#ffb9be}
.access-panel{border:1px solid #524454;margin:0 23px 22px;background:linear-gradient(140deg,#211b26,#151119);border-radius:22px;padding:14px;box-shadow:0 7px 0 #07060a,0 25px 35px #0008,inset 0 1px 0 #ffffff1d}.access-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-radius:14px;background:#0f0d13;padding:5px;border:1px solid #3c313f}.access-tab{min-height:43px;border:0;border-radius:11px;color:#ada0ad;font-size:12px;font-weight:750;background:transparent}.access-tab.is-active{color:#331925;background:var(--grad);box-shadow:0 5px 12px #0004}.access-body{padding:23px 3px 7px}.access-body[hidden],.pix-output[hidden],.pix-not-ready[hidden],.form-message[hidden],.qr-wrap[hidden]{display:none!important}.panel-heading{display:flex;gap:11px;align-items:center}.panel-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(140deg,#f9ad85,#d95488);color:#28111d;font-size:22px}.panel-icon.telegram-icon{background:linear-gradient(140deg,#56bceb,#2188d9);color:white}.panel-heading h2{font-size:16px;letter-spacing:-.03em;margin:0}.panel-heading p{font-size:11px;color:#ad9cad;margin:3px 0 0}.pix-not-ready{margin:23px 0;padding:15px;border-radius:13px;border:1px dashed #8c667a6b;background:#19141b;color:#c5b6c6;font-size:12px;line-height:1.5}.age-check{display:flex;align-items:start;gap:9px;font-size:11px;color:#cdbdcc;margin-top:19px}.age-check input{accent-color:#f88fb4;width:16px;height:16px;margin:0}.payment-action{margin-top:19px}.payment-subnote{color:#9f91a0;font-size:10px;line-height:1.55;margin:15px 2px 0}.telegram-hint{margin:22px 0 22px;font-size:12px;color:#c2b3bf;line-height:1.55}.telegram-action{border-radius:14px;min-height:53px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(110deg,#3bc4ee,#2186d7);color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em;box-shadow:0 8px 23px #188bcd45}.form-message{margin-top:15px;padding:13px;border-radius:12px;background:#173428;border:1px solid #3b875c;color:#e5fff0;font-size:12px}.form-message.is-error{background:#3c1c2a;border-color:#915168;color:#ffe2e9}.pix-output{margin:18px 0;padding:14px;background:#110e15;border:1px solid #493a4c;border-radius:15px}.qr-wrap{width:min(200px,70%);aspect-ratio:1;margin:0 auto 15px;background:#fff;padding:10px;border-radius:12px}.qr-wrap img{width:100%;height:100%;object-fit:contain}.pix-output label{display:block;color:#cdbbcb;font-size:11px;font-weight:700;margin-bottom:7px}.pix-copy-row{display:flex;gap:7px}.pix-copy-row input{min-width:0;flex:1;border:1px solid #5f4b62;background:#211923;border-radius:9px;color:#fff;padding:10px;font-size:12px}.copy-btn{border-radius:9px;background:var(--grad);border:0;padding:0 12px;color:#2b1322;font-weight:850}.pix-state{font-size:11px;color:#f8d6e0;margin:12px 0 0}.info-line{margin:0 24px 24px;color:#9e909c;font-size:10px;line-height:1.55;text-align:center}
@media(max-width:370px){.plan-card{padding:12px 9px;gap:8px;grid-template-columns:19px minmax(0,1fr) auto}.radio-mark{width:19px;height:19px}.plan-details strong{font-size:11px}.plan-details small{font-size:10px}.money{font-size:15px}.summary-card{margin-inline:16px;gap:9px;padding:10px;grid-template-columns:43px minmax(0,1fr) auto}.summary-photo{width:43px;height:43px}.summary-value{font-size:14px}.checkout-intro{padding-inline:17px}.access-panel{margin-inline:16px}.section{padding-inline:17px}.intro-copy{padding-inline:18px}}
@media(min-width:650px){.shell{margin:36px auto 65px;border:1px solid #71506755;border-radius:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Previews bloqueadas: toda a foto é um link real para a seleção de planos. */
.preview-tile{display:block;cursor:pointer;isolation:isolate;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.preview-tile:hover{transform:translateY(-3px);border-color:#ffc0d5a8;box-shadow:0 6px 0 #09070c,0 24px 32px #000a,0 0 0 1px #ff9fbd30}
.preview-tile:active{transform:translateY(0)}
.preview-tile img{filter:blur(12px) saturate(.83) brightness(.7)}
.preview-padlock{display:block}
.preview-arrow{position:absolute;right:14px;bottom:10px;font-size:18px;font-weight:700;color:#ffe0e9;z-index:2}
#planos{scroll-margin-top:24px}
@media(prefers-reduced-motion:reduce){.preview-tile{transition:none}}

.preview-tile{cursor:pointer;display:block;isolation:isolate}.preview-tile:hover img,.preview-tile:focus-visible img{transform:scale(1.08)}.preview-tile:active{transform:translateY(2px)}.preview-tile img{pointer-events:none}.preview-lock{z-index:2}.preview-label,.preview-arrow{z-index:2}.preview-shade{z-index:1}