.vsl-card{background:#fff;border:2px solid var(--ink-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker) var(--pink);position:relative;transform:rotate(-.5deg);display:flex;flex-direction:column}
.vsl-card>.vsl-screen{border-top-left-radius:calc(var(--radius-lg) - 2px);border-top-right-radius:calc(var(--radius-lg) - 2px)}
.vsl-card::after{content:"bemutató";position:absolute;top:-15px;right:24px;background:var(--amber);color:var(--ink-strong);padding:.35rem .8rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--ink-strong);z-index:3}
.vsl-screen{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#3D146D 0%,#5B1FA3 55%,#2B0E52 100%);color:#fff;padding:1.1rem 1.2rem 1.15rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;border-bottom:2px solid var(--ink-strong);overflow:hidden;isolation:isolate;cursor:pointer}
.vsl-screen.is-playing{padding:0;gap:0;background:#000;cursor:default}
.vsl-screen.is-playing>:not(iframe){display:none}
.vsl-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;z-index:1}
.vsl-screen iframe.vsl-poster{pointer-events:none}
.vsl-screen.is-playing iframe{pointer-events:auto}
.vsl-screen::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(246,180,44,.22),transparent 55%),radial-gradient(circle at 90% 110%,rgba(139,92,246,.28),transparent 50%);pointer-events:none;z-index:3;mix-blend-mode:screen}
.vsl-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,7,51,.55) 0%,rgba(26,7,51,.78) 60%,rgba(26,7,51,.92) 100%);pointer-events:none;z-index:2}
.vsl-screen.is-playing::before,.vsl-screen.is-playing::after{display:none}
.vsl-screen>.vsl-tag,.vsl-screen>.vsl-title-wrap,.vsl-screen>.play-row{position:relative;z-index:4}
.vsl-tag{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);color:#fff;padding:.4rem .7rem;border-radius:999px}
.vsl-tag i{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 0 rgba(246,180,44,.6);animation:vslPulse 1.8s ease-out infinite}
.vsl-title-wrap{position:relative;margin-top:auto}
.vsl-title{font-family:var(--serif);font-weight:600;font-style:italic;font-size:clamp(1.1rem,.85rem + 1vw,1.5rem);line-height:1.2;color:#fff;max-width:22ch}
.play-row{position:relative;display:flex;align-items:center;gap:.85rem}
.play-btn{flex-shrink:0;width:54px;height:54px;border-radius:50%;border:2px solid var(--ink-strong);background:var(--amber);color:var(--ink-strong);display:grid;place-items:center;cursor:pointer;box-shadow:3px 3px 0 0 var(--ink-strong);transition:transform .15s ease,box-shadow .15s ease}
.play-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 0 var(--ink-strong)}
.play-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 0 var(--ink-strong)}
.play-btn svg{width:22px;height:22px;margin-left:3px}
.vsl-meta{font-size:.78rem;line-height:1.35;color:rgba(255,255,255,.85)}
.progress-shell{height:6px;background:var(--bg-lavender);border-radius:999px;overflow:hidden}
.progress-bar{height:100%;width:18%;background:linear-gradient(90deg,var(--purple),var(--amber));border-radius:999px;transition:width .4s ease}
.microgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}
.microgrid span{font-size:.7rem;font-weight:600;color:var(--ink-strong);background:var(--bg-lavender);border:1px solid var(--line);border-radius:10px;padding:.45rem .55rem;line-height:1.25;text-align:center}
.section-head{max-width:780px;margin:0 auto 2.5rem;text-align:center}
.section-head p{font-size:var(--step-1);opacity:.8}
.pain{background:var(--bg-soft)}
.pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2.5rem}
.pain-card{padding:2rem;background:#fff;border:1.5px solid var(--line);border-radius:var(--radius-lg);transition:transform .25s,border-color .25s}
.pain-card:hover{transform:translateY(-4px);border-color:var(--purple-300)}
.pain-card p{margin:0;opacity:.85}
@media (max-width:720px){.pain-grid{grid-template-columns:1fr}}
.features{background:#fff}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
@media (max-width:960px){.features-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.features-grid{grid-template-columns:1fr}}
.feature-card{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}
.feature-card:hover{transform:translateY(-4px);border-color:var(--purple-300);box-shadow:var(--shadow-soft)}
.feature-card .feature-img{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,var(--bg-lavender),var(--pink-soft));border-bottom:1.5px solid var(--line);overflow:hidden}
.feature-card .feature-img img{width:100%;height:100%;object-fit:cover;display:block}
.feature-card p{margin:0;opacity:.85;font-size:.94rem;line-height:1.55}
.steps{background:linear-gradient(180deg,#fff,var(--bg-soft))}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;counter-reset:steps}
@media (max-width:760px){.steps-grid{grid-template-columns:1fr}}
.step-card{counter-increment:steps;position:relative;padding:2rem;background:#fff;border:2px solid var(--ink-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker) var(--purple);overflow:hidden;transition:transform .2s,box-shadow .2s}
.step-card:nth-child(2){box-shadow:var(--shadow-sticker) var(--amber);transform:rotate(-.4deg)}
.step-card:nth-child(3){box-shadow:var(--shadow-sticker) var(--purple-500);transform:rotate(.4deg)}
.step-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--purple)}
.step-card:nth-child(2):hover{box-shadow:8px 8px 0 0 var(--amber);transform:rotate(-.4deg) translate(-2px,-2px)}
.step-card:nth-child(3):hover{box-shadow:8px 8px 0 0 var(--purple-500);transform:rotate(.4deg) translate(-2px,-2px)}
.step-card::before{content:counter(steps);font-family:var(--cursive);font-weight:400;font-size:5.5rem;line-height:1;color:var(--purple-300);opacity:.5;position:absolute;right:1rem;top:.4rem;-webkit-text-stroke:.6px currentColor}
.step-card p{margin:0;opacity:.85;position:relative;font-size:.95rem;line-height:1.55}
.outcome{margin-top:4rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}
.outcome-head{max-width:720px}
.outcome-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:960px}
.outcome-list li{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.05rem .6rem .85rem;background:rgba(255,255,255,.55);border:1.5px dashed var(--line-strong);border-radius:999px;font-weight:600;font-size:.92rem;color:var(--ink)}
.outcome-list li .x{flex:none;width:20px;height:20px;border-radius:50%;background:var(--red);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;line-height:1}
.outcome-list li .strike{text-decoration:line-through;text-decoration-color:rgba(196,0,0,.55);text-decoration-thickness:2px;opacity:.78}
.outcome-final{display:inline-flex;align-items:center;gap:1.1rem;padding:1.15rem 1.5rem;background:#fff;border:2px solid var(--ink-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker) var(--amber);max-width:760px;margin-top:.5rem}
.outcome-final .check{flex:none;width:46px;height:46px;border-radius:50%;background:var(--amber);color:var(--ink-strong);display:inline-flex;align-items:center;justify-content:center}
.outcome-final .check svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.outcome-final p{margin:0;text-align:left;font-size:var(--step-1);font-weight:600;color:var(--ink-strong);line-height:1.45}
@media (max-width:620px){.outcome-list li{font-size:.86rem}.outcome-final{flex-direction:column;text-align:center;padding:1.25rem}.outcome-final p{text-align:center}}
.chapter{background:var(--bg)}
.chapter-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2.5rem;align-items:center;margin-top:2rem}
@media (max-width:1080px){.chapter-grid{grid-template-columns:1fr 1.35fr;gap:2rem}}
@media (max-width:900px){.chapter-grid{grid-template-columns:1fr;gap:2rem}}
.chapter-copy p{font-size:var(--step-1);opacity:.85;margin-bottom:1rem}
.chooser-card{background:#fff;border:2px solid var(--ink-strong);border-radius:var(--radius-lg);padding:0;box-shadow:var(--shadow-sticker) var(--purple);position:relative;aspect-ratio:16/12;min-height:520px}
.chooser-card iframe{width:100%;height:100%;border:0;display:block;background:#fff;border-radius:calc(var(--radius-lg) - 2px)}
@media (max-width:1080px){.chooser-card{aspect-ratio:4/5;min-height:560px}}
@media (max-width:560px){.chooser-card{aspect-ratio:auto;min-height:640px}}
.chooser-card::after{content:"élő demó";position:absolute;top:-15px;right:24px;background:var(--amber);color:var(--ink-strong);padding:.35rem .8rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--ink-strong);z-index:2}
.chooser-row{display:grid;gap:.5rem;margin-bottom:1.05rem}
.chooser-row:last-of-type{margin-bottom:.6rem}
.chooser-label{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--purple)}
.chooser-note{font-size:.78rem;opacity:.65;margin:.4rem 0 0}
.chapter-demo-shell{position:relative;isolation:isolate;--demo-inset:24px}
.chapter-demo-stage{position:relative;width:100%;height:clamp(540px,48vw,720px);max-height:min(76vh,760px);border-radius:36px;padding:var(--demo-inset);background:radial-gradient(circle at 14% 10%,rgba(246,180,44,.18),transparent 34%),radial-gradient(circle at 86% 10%,rgba(246,180,44,.16),transparent 32%),linear-gradient(135deg,#140323 0%,#250647 58%,#160427 100%);border:1px solid rgba(255,255,255,.18);box-shadow:0 36px 90px -48px rgba(26,7,51,.72),0 0 0 1px rgba(255,255,255,.08) inset;overflow:visible}
.chapter-demo-stage::before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:28px 28px;opacity:.22;pointer-events:none}
.chapter-demo-frame-wrap{position:relative;z-index:1;height:100%;min-height:0;overflow:hidden;border-radius:32px;background:#fbfbfc;border:2px solid rgba(255,255,255,.92);box-shadow:12px 12px 0 rgba(74,23,133,.88),0 28px 70px -32px rgba(9,2,22,.78)}
.chapter-demo-frame{display:block;width:100%;height:100%;border:0;background:#fbfbfc}
.chapter-demo-badge{position:absolute;z-index:3;right:56px;top:-17px;min-width:154px;padding:.78rem 1.35rem;border-radius:999px;background:linear-gradient(180deg,#ffc861,#f6ad2b);color:#fff;border:3px solid rgba(255,255,255,.9);box-shadow:0 10px 20px -14px rgba(26,7,51,.7);text-align:center;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.chapter-fullscreen-open{position:absolute;left:26px;right:auto;top:-18px;bottom:auto;z-index:5;min-height:44px;border:2px solid var(--ink-strong);border-radius:999px;background:#fff;color:#1A0733;padding:.58rem .95rem;font:800 .78rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 30px -18px rgba(0,0,0,.5);transition:transform .16s ease,background .16s ease}
.chapter-fullscreen-open:hover{transform:translateY(-2px);background:var(--amber)}
.chapter-demo-close{display:none;position:fixed;right:24px;top:24px;z-index:220;width:64px;height:64px;border-radius:999px;border:3px solid #fff;background:var(--amber);color:var(--ink-strong);font:900 1.35rem/1 var(--sans);cursor:pointer;box-shadow:0 18px 40px -18px rgba(0,0,0,.72),5px 5px 0 rgba(74,23,133,.85)}
.chapter-demo-close:hover{transform:translate(-1px,-1px);background:#ffd98a}
.chapter-demo-shell.is-fullscreen{position:fixed;inset:0;z-index:210;display:grid;place-items:center;padding:clamp(14px,2.5vw,34px);background:radial-gradient(circle at 18% 10%,rgba(246,180,44,.2),transparent 30%),radial-gradient(circle at 84% 18%,rgba(246,180,44,.15),transparent 36%),linear-gradient(135deg,#120020 0%,#21083f 52%,#150426 100%)}
.chapter-demo-shell.is-fullscreen .chapter-demo-stage{width:min(96vw,150vh,1440px);height:min(86vh,900px);max-height:none;padding:clamp(18px,2vw,34px)}
.chapter-demo-shell.is-fullscreen .chapter-demo-frame-wrap{min-height:0;height:100%}
.chapter-demo-shell.is-fullscreen .chapter-demo-close{display:grid;place-items:center}
.chapter-demo-shell.is-fullscreen .chapter-fullscreen-open{display:none}
.chapter-next-button{position:absolute;right:calc(var(--demo-inset) + 16px);bottom:calc(var(--demo-inset) + 16px);z-index:4;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border-radius:999px;border:2px solid var(--ink-strong);background:linear-gradient(180deg,#ffc861,#f4ad31);color:var(--ink-strong);padding:.78rem 1.15rem;font-weight:900;font-size:clamp(.72rem,1.15vw,.92rem);letter-spacing:.06em;text-transform:uppercase;box-shadow:5px 5px 0 rgba(74,23,133,.92);transition:transform .16s ease,box-shadow .16s ease}
.chapter-next-button::after{content:"";width:.62rem;height:.62rem;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-left:.1rem}
.chapter-next-button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(74,23,133,.92)}
@media (max-width:640px){.chapter-demo-shell{--demo-inset:14px}.chapter-demo-stage{height:560px;max-height:none;border-radius:26px}.chapter-demo-frame-wrap{min-height:0;border-radius:24px;box-shadow:7px 7px 0 rgba(74,23,133,.88)}.chapter-demo-badge{right:26px;top:-13px;min-width:120px;padding:.58rem .9rem;font-size:.68rem}.chapter-next-button{left:calc(var(--demo-inset) + 10px);right:calc(var(--demo-inset) + 10px);bottom:calc(var(--demo-inset) + 10px)}.chapter-fullscreen-open{left:18px;right:auto;top:-13px;bottom:auto}}
.audience{background:linear-gradient(135deg,#1A0733,#3D146D);color:#fff;position:relative;overflow:hidden}
.audience::before{content:"";position:absolute;inset:0;background:radial-gradient(at 20% 20%,rgba(139,92,246,.32),transparent 50%),radial-gradient(at 80% 80%,rgba(246,180,44,.22),transparent 50%);pointer-events:none}
.audience-inner{position:relative;max-width:900px;margin-inline:auto}
.audience .section-head p{color:#fff;opacity:.85}
.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.5rem}
@media (max-width:720px){.checks{grid-template-columns:1fr}}
.check{display:flex;gap:.8rem;align-items:flex-start;padding:1rem 1.1rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);font-weight:500;line-height:1.5}
.check .check-ico{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--amber);color:var(--ink-strong);box-shadow:0 6px 18px rgba(246,180,44,.32)}
.check .check-ico svg{width:16px;height:16px;stroke-width:2.6}
.proof-section{background:var(--bg-soft)}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:3rem}
@media (max-width:1080px){.proof-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.proof-grid{grid-template-columns:1fr}}
.proof-card{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}
.proof-card:hover{transform:translateY(-4px);border-color:var(--purple-300);box-shadow:var(--shadow-soft)}
.proof-card .review-visual{position:relative;aspect-ratio:4/3;overflow:hidden;border-bottom:1.5px solid var(--line);background:linear-gradient(135deg,var(--bg-lavender),var(--pink-soft))}
.proof-card .review-visual.photo{background-size:cover;background-position:center}
.proof-card .review-visual.num{display:flex;align-items:center;justify-content:center;background:#fff}
.proof-card .review-visual.num img{width:auto;height:100%;object-fit:contain;padding:.85rem;display:block}
.proof-card .review-school{position:absolute;bottom:.7rem;left:.7rem;background:rgba(26,7,51,.78);color:#fff;padding:.32rem .65rem;border-radius:6px;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.proof-card blockquote{margin:0;padding-left:1.35rem;font-size:.92rem;line-height:1.55;color:var(--ink);font-style:normal;font-weight:500;position:relative}
.proof-card blockquote b{font-weight:700;color:var(--ink-strong)}
.proof-card blockquote::before{content:"\201E";font-family:var(--cursive);color:var(--purple-300);font-size:1.65rem;line-height:1;position:absolute;left:0;top:.05rem;margin-right:0;-webkit-text-stroke:.4px currentColor}
.proof-card .review-author{margin-top:auto;display:flex;flex-direction:column;gap:.15rem}
.proof-card .review-name{font-family:var(--cursive);color:var(--purple);font-size:1.55rem;line-height:.95;font-weight:400;-webkit-text-stroke:.6px currentColor}
.proof-card .review-name.anonim{font-family:var(--sans);font-style:italic;font-size:.88rem;color:var(--ink);font-weight:500;-webkit-text-stroke:0;letter-spacing:.01em;line-height:1.3}
.proof-card .review-label{font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--purple);margin-top:.2rem}
.faq{background:#fff}
.faq-wrap{max-width:820px;margin:3rem auto 0}
.faq-item{border-bottom:1px solid var(--line);padding:1.35rem 0}
.faq-item summary{cursor:pointer;list-style:none;font-weight:700;font-size:1.08rem;color:var(--ink-strong);display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-weight:400;font-size:1.8rem;line-height:.8;color:var(--purple);transition:transform .25s;flex-shrink:0}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item .answer{margin-top:1rem;opacity:.85;line-height:1.65}
.faq-item .answer p{margin:0}
.final{background:linear-gradient(135deg,#1A0733,#3D146D);color:#fff;text-align:center;position:relative;overflow:hidden}
.final::before{content:"";position:absolute;inset:0;background:radial-gradient(at 20% 20%,rgba(139,92,246,.3),transparent 50%),radial-gradient(at 80% 80%,rgba(246,180,44,.22),transparent 50%);pointer-events:none}
.final-inner{position:relative;max-width:760px;margin-inline:auto}
.final p{opacity:.88;margin-bottom:1.75rem}
.final-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:560px;margin:0 auto 2rem}
@media (max-width:560px){.final-stats{grid-template-columns:1fr}}
.final-stat{padding:1rem .9rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius)}
.final-stat strong{display:block;font-family:var(--serif);font-weight:700;font-size:1.85rem;color:var(--amber);line-height:1;margin-bottom:.25rem}
.final-stat small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.cc-overlay{ z-index:10000; }
.cc-banner{ z-index:10001; }
.cc-modal-wrap{ z-index:10002; }
.cc-fab{ z-index:9997; }
.cc-fab{
  position:fixed;
  left:16px;
  bottom:16px;
  width:48px;
  height:48px;
  border-radius:50%;
  background:linear-gradient(180deg, #1e0b3d, #14092F);
  border:1.5px solid rgba(255,200,97,.45);
  color:var(--gold, #FFC861);
  display:none;  /* toggled via JS once consent is decided */
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 10px 30px -8px rgba(0,0,0,.55), 0 0 0 1px rgba(255,200,97,.08) inset;
  transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
  padding:0;
  font-family:inherit;
}
.cc-fab.is-shown{ display:inline-flex; }
.cc-fab:hover,
.cc-fab:focus-visible{
  transform:translateY(-2px);
  border-color:var(--gold, #FFC861);
  box-shadow:0 14px 34px -10px rgba(255,200,97,.35), 0 0 0 1px rgba(255,200,97,.25) inset;
  outline:none;
}
.cc-fab svg{ width:22px; height:22px; display:block; }
.cc-fab .cc-fab-tip{
  position:absolute;
  left:calc(100% + 10px);
  top:50%;
  transform:translateY(-50%) translateX(-6px);
  background:#14092F;
  color:var(--gold,#FFC861);
  border:1px solid rgba(255,200,97,.35);
  border-radius:8px;
  padding:.4rem .65rem;
  font-size:.72rem;
  font-weight:600;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
}
.cc-fab:hover .cc-fab-tip,
.cc-fab:focus-visible .cc-fab-tip{
  opacity:1;
  transform:translateY(-50%) translateX(0);
}
.cc-banner{
  position:fixed;
  left:50%;
  bottom:20px;
  transform:translateX(-50%) translateY(8px);
  width:min(720px, calc(100% - 32px));
  background:linear-gradient(180deg, rgba(30,16,62,.98), rgba(20,10,48,1));
  color:var(--p-fg, #ECE3FF);
  border:1px solid rgba(255,200,97,.35);
  border-radius:18px;
  padding:1.1rem 1.2rem 1rem;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.7), 0 0 0 1px rgba(255,200,97,.08) inset;
  opacity:0;
  pointer-events:none;
  visibility:hidden;
  transition:opacity .28s cubic-bezier(.2,.7,.2,1),
             transform .28s cubic-bezier(.2,.7,.2,1),
             visibility 0s linear .28s;
}
.cc-banner.is-open{
  opacity:1;
  pointer-events:auto;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
  transition:opacity .28s cubic-bezier(.2,.7,.2,1),
             transform .28s cubic-bezier(.2,.7,.2,1),
             visibility 0s linear 0s;
}
.cc-banner-head{
  display:flex;
  align-items:center;
  gap:.6rem;
  margin-bottom:.6rem;
}
.cc-banner-head .cc-ico{
  width:28px; height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--gold,#FFC861);
  flex:0 0 auto;
}
.cc-banner-head .cc-ico svg{ width:22px; height:22px; }
.cc-banner p{
  font-size:.88rem;
  line-height:1.5;
  color:var(--p-fg-2, #C4B2E8);
  margin:0 0 .9rem;
}
.cc-banner p a{
  color:var(--gold, #FFC861);
  text-decoration:underline;
  text-underline-offset:2px;
}
.cc-actions{
  display:flex;
  gap:.55rem;
  flex-wrap:wrap;
}
.cc-actions .cc-btn{
  flex:1 1 auto;
  min-width:140px;
}
.cc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  padding:.75rem 1rem;
  border-radius:12px;
  font-family:inherit;
  font-weight:700;
  font-size:.85rem;
  line-height:1;
  cursor:pointer;
  border:1.5px solid transparent;
  transition:background .2s ease, border-color .2s ease, color .2s ease, transform .15s ease;
  text-transform:uppercase;
  letter-spacing:.04em;
  touch-action:manipulation;
}
.cc-btn-equal{
  background:transparent;
  color:var(--gold, #FFC861);
  border-color:var(--gold, #FFC861);
  border-width:1.5px;
}
.cc-btn-equal:hover,
.cc-btn-equal:focus-visible{
  background:rgba(255,200,97,.1);
  border-color:#FFD37A;
  transform:translateY(-1px);
  outline:none;
}
.cc-btn-primary{
  background:transparent;
  color:var(--gold, #FFC861);
  border-color:var(--gold, #FFC861);
}
.cc-btn-primary:hover,
.cc-btn-primary:focus-visible{
  background:rgba(255,200,97,.1);
  border-color:#FFD37A;
  transform:translateY(-1px);
  outline:none;
}
.cc-btn-outline{
  background:transparent;
  color:var(--gold, #FFC861);
  border-color:var(--gold, #FFC861);
}
.cc-btn-outline:hover,
.cc-btn-outline:focus-visible{
  border-color:#FFD37A;
  background:rgba(255,200,97,.1);
  transform:translateY(-1px);
  outline:none;
}
.cc-btn-ghost{
  background:transparent;
  color:var(--p-fg-2, #C4B2E8);
  border-color:transparent;
  text-decoration:underline;
  text-underline-offset:3px;
  text-transform:none;
  letter-spacing:0;
  font-weight:600;
  flex-basis:100%;
  padding:.55rem;
}
.cc-btn-ghost:hover,
.cc-btn-ghost:focus-visible{
  color:var(--gold, #FFC861);
  outline:none;
}
.cc-overlay{
  position:fixed;
  inset:0;
  background:rgba(10,4,24,.7);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  opacity:0;
  pointer-events:none;
  visibility:hidden;
  transition:opacity .22s ease, visibility 0s linear .22s;
}
.cc-overlay.is-open{
  opacity:1;
  pointer-events:auto;
  visibility:visible;
  transition:opacity .22s ease, visibility 0s linear 0s;
}
.cc-modal-wrap{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  opacity:0;
  pointer-events:none;
  visibility:hidden;
  transition:opacity .24s ease, visibility 0s linear .24s;
}
.cc-modal-wrap.is-open{
  opacity:1;
  pointer-events:auto;
  visibility:visible;
  transition:opacity .24s ease, visibility 0s linear 0s;
}
.cc-modal{
  width:min(560px, 100%);
  max-height:calc(100vh - 40px);
  background:linear-gradient(180deg, #1e0b3d, #140930);
  color:var(--p-fg, #ECE3FF);
  border:1px solid rgba(255,200,97,.35);
  border-radius:18px;
  box-shadow:0 40px 100px -20px rgba(0,0,0,.8), 0 0 0 1px rgba(255,200,97,.08) inset;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  transform:translateY(10px) scale(.98);
  transition:transform .24s cubic-bezier(.2,.7,.2,1);
}
.cc-modal-wrap.is-open .cc-modal{
  transform:translateY(0) scale(1);
}
.cc-modal-head{
  padding:1.15rem 1.3rem .85rem;
  border-bottom:1px solid rgba(255,200,97,.15);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
}
.cc-modal-head p{
  font-size:.82rem;
  line-height:1.5;
  color:var(--p-fg-2, #C4B2E8);
  margin:0;
  max-width:44ch;
}
.cc-close{
  background:transparent;
  border:1px solid rgba(255,200,97,.25);
  color:var(--p-fg-2, #C4B2E8);
  width:34px;
  height:34px;
  border-radius:10px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:border-color .2s ease, color .2s ease, background .2s ease;
  flex:0 0 auto;
}
.cc-close:hover,
.cc-close:focus-visible{
  border-color:var(--gold, #FFC861);
  color:var(--gold, #FFC861);
  background:rgba(255,200,97,.08);
  outline:none;
}
.cc-cat{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,200,97,.12);
  border-radius:12px;
  padding:.85rem 1rem;
  transition:border-color .2s ease, background .2s ease;
}
.cc-cat.is-on{
  border-color:rgba(255,200,97,.32);
  background:rgba(255,200,97,.05);
}
.cc-cat-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
}
.cc-cat-row .cc-cat-badge{
  font-size:.58rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--gold, #FFC861);
  background:rgba(255,200,97,.12);
  padding:.2rem .45rem;
  border-radius:999px;
  border:1px solid rgba(255,200,97,.3);
}
.cc-cat p{
  margin:.4rem 0 0;
  font-size:.78rem;
  line-height:1.5;
  color:var(--p-fg-2, #C4B2E8);
}
.cc-switch{
  position:relative;
  display:inline-block;
  width:42px;
  height:24px;
  flex:0 0 auto;
}
.cc-switch input{
  opacity:0;
  width:0;
  height:0;
  position:absolute;
}
.cc-switch-slider{
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  cursor:pointer;
  transition:background .2s ease, border-color .2s ease;
}
.cc-switch-slider::before{
  content:"";
  position:absolute;
  top:2px;
  left:2px;
  width:18px;
  height:18px;
  background:#ECE3FF;
  border-radius:50%;
  transition:transform .22s cubic-bezier(.2,.7,.2,1), background .2s ease;
}
.cc-switch input:checked + .cc-switch-slider{
  background:rgba(255,200,97,.7);
  border-color:var(--gold, #FFC861);
}
.cc-switch input:checked + .cc-switch-slider::before{
  transform:translateX(18px);
  background:#14092F;
}
.cc-switch input:focus-visible + .cc-switch-slider{
  box-shadow:0 0 0 3px rgba(255,200,97,.35);
}
.cc-switch input:disabled + .cc-switch-slider{
  opacity:.75;
  cursor:not-allowed;
}
.cc-switch input:disabled:checked + .cc-switch-slider{
  background:rgba(255,200,97,.55);
}
.cc-modal-foot{
  padding:.9rem 1.3rem 1.1rem;
  border-top:1px solid rgba(255,200,97,.15);
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.cc-modal-foot .cc-btn{
  flex:1 1 auto;
  min-width:120px;
}
@media (prefers-reduced-motion: reduce){
  .cc-banner, .cc-overlay, .cc-modal-wrap, .cc-modal, .cc-fab{ transition:none !important; }
}