/* ── SCREENSHOT PROTECTION ── */
html{-webkit-user-select:none;user-select:none}
body{-webkit-touch-callout:none}
.consent-item,.consent-item input,.consent-item label,.consent-item input[type=checkbox],
input,select,textarea,button{-webkit-user-select:auto!important;user-select:auto!important;pointer-events:auto!important;-webkit-touch-callout:auto!important}

:root{
  --P:#6b21e8;--P2:#8b4cf7;--P3:#b483f8;--P4:#e9d5ff;--P5:#f5eeff;
  --ink:#0e0612;--ink2:#1c1028;--gold:#c9a84c;--gold2:#f59e0b;
  --cream:#fdfaf6;--white:#ffffff;--grey:#6b7280;--lgrey:#e5e7eb;
  --red:#dc2626;--green:#16a34a;--safe:#22c55e;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Outfit',sans-serif;
  --ease:cubic-bezier(.4,0,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--ink);color:var(--white);overflow-x:hidden}
img{display:block;max-width:100%}
button{cursor:pointer;font-family:var(--sans)}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-thumb{background:var(--P3);border-radius:3px}

/* ══ KEYFRAMES ══════════════════════════════════════════════════════════════ */
@keyframes spinFull   {from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes spinReverse{from{transform:rotate(360deg)}to{transform:rotate(0)}}
@keyframes spinRock   {0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes spinPop    {0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}100%{transform:rotate(360deg)scale(1)}}
@keyframes floatUp    {from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn     {from{opacity:0}to{opacity:1}}
@keyframes scaleIn    {from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@keyframes pulse      {0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}
@keyframes ringRotate {from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes ringReverse{from{transform:rotate(0)}to{transform:rotate(-360deg)}}
@keyframes textGlow   {0%,100%{text-shadow:0 0 20px rgba(107,33,232,.6)}50%{text-shadow:0 0 60px rgba(107,33,232,1),0 0 100px rgba(180,131,248,.8)}}
@keyframes mottoSlide {from{opacity:0;letter-spacing:8px}to{opacity:1;letter-spacing:4px}}
@keyframes panelIn    {from{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:none}}
@keyframes fabBounce  {0%,100%{box-shadow:0 8px 32px rgba(107,33,232,.5)}50%{box-shadow:0 8px 48px rgba(107,33,232,.8),0 0 0 8px rgba(107,33,232,.1)}}
@keyframes gradShift  {0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes float      {0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes slideInL   {from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}
@keyframes slideInR   {from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}
@keyframes ripple     {to{transform:scale(2.5);opacity:0}}
@keyframes typeDots   {0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes countUp    {from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}

/* ══ SCROLL REVEAL ══════════════════════════════════════════════════════════ */
/* .reveal{opacity:0;will-change:opacity,transform;transition:opacity .85s var(--ease),transform .85s var(--ease)} */
.rv-up{transform:translateY(55px)}
.rv-left{transform:translateX(-65px)}
.rv-right{transform:translateX(65px)}
.rv-scale{transform:scale(.86)}
.rv-rot{transform:rotate(-8deg)translateY(30px)}
.reveal.visible{opacity:1;transform:none!important}
[data-d="1"]{transition-delay:.1s}[data-d="2"]{transition-delay:.2s}
[data-d="3"]{transition-delay:.3s}[data-d="4"]{transition-delay:.4s}
[data-d="5"]{transition-delay:.5s}[data-d="6"]{transition-delay:.6s}
[data-d="7"]{transition-delay:.7s}[data-d="8"]{transition-delay:.8s}

/* ══ PROGRESS BAR ═══════════════════════════════════════════════════════════ */
#prog{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--P),var(--P3),var(--gold));width:0%;z-index:9999;box-shadow:0 0 8px rgba(107,33,232,.8)}
#scroll-top{position:fixed;bottom:100px;right:24px;z-index:490;width:44px;height:44px;border-radius:50%;background:var(--P);color:#fff;border:none;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(107,33,232,.5);cursor:pointer;opacity:0;transform:translateY(20px);transition:all .3s var(--ease)}
#scroll-top.show{opacity:1;transform:translateY(0)}
#scroll-top:hover{background:var(--P2);transform:translateY(-3px)}

/* ══ INTRO ══════════════════════════════════════════════════════════════════ */
#intro{
  position:fixed;inset:0;z-index:8000;
  background:radial-gradient(ellipse at center,#1c0a3a 0%,#0e0612 70%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
#intro::before{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;margin:-300px 0 0 -300px;border-radius:50%;border:1px solid rgba(107,33,232,.15);animation:ringRotate 20s linear infinite}
#intro::after{content:'';position:absolute;top:50%;left:50%;width:820px;height:820px;margin:-410px 0 0 -410px;border-radius:50%;border:1px solid rgba(201,168,76,.07);animation:ringReverse 30s linear infinite}
.intro-logo-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.intro-ring1{position:absolute;width:140px;height:140px;border-radius:50%;border:2px dashed rgba(107,33,232,.3);animation:ringRotate 6s linear infinite}
.intro-ring2{position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid rgba(201,168,76,.2);animation:ringReverse 9s linear infinite}
.intro-emoji{font-size:72px;z-index:1;animation:spinFull 4s linear infinite;display:inline-block;filter:drop-shadow(0 0 24px rgba(107,33,232,.9))}
.intro-name{font-family:var(--serif);font-size:clamp(38px,7vw,68px);font-weight:700;color:var(--white);letter-spacing:-1px;animation:textGlow 3s ease-in-out infinite,floatUp .8s .3s var(--ease) both;text-align:center;z-index:1}
.intro-name em{font-style:italic;background:linear-gradient(135deg,var(--P3),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.intro-motto{font-size:clamp(11px,2.2vw,14px);font-weight:700;letter-spacing:4px;color:rgba(255,255,255,.55);text-transform:uppercase;animation:mottoSlide 1.2s 1s var(--ease) both;margin-top:8px;z-index:1;text-align:center}
.intro-bar{width:180px;height:2px;background:rgba(255,255,255,.1);border-radius:2px;margin:28px auto 0;overflow:hidden;position:relative;z-index:1}
.intro-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--P),var(--P3));transition:width .04s linear}
.intro-pct{font-size:12px;color:rgba(255,255,255,.35);margin-top:8px;font-family:monospace;text-align:center;z-index:1}

/* ══ RULES GATE ═════════════════════════════════════════════════════════════ */
#rules-gate{position:fixed;inset:0;z-index:7000;background:linear-gradient(160deg,#0e0612 0%,#1c0a3a 50%,#0e0612 100%);display:none;overflow-y:auto;padding:40px 20px}
.rules-inner{max-width:780px;margin:0 auto}
.rg-logo{font-family:var(--serif);font-size:28px;font-weight:700;color:var(--white);text-align:center;margin-bottom:4px;animation:floatUp .6s var(--ease) both}
.rg-logo span{display:inline-block;animation:spinRock 3s ease-in-out infinite;color:var(--P3)}
.rg-tag{text-align:center;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:28px}
.rg-h1{font-family:var(--serif);font-size:clamp(24px,4vw,40px);font-weight:700;color:var(--white);text-align:center;margin-bottom:6px;animation:floatUp .6s .15s var(--ease) both}
.rg-h1 em{font-style:italic;color:var(--P3)}
.rg-sub{text-align:center;font-size:14px;color:rgba(255,255,255,.45);margin-bottom:28px;animation:floatUp .6s .25s var(--ease) both}
.rg-disclaimer{background:rgba(107,33,232,.1);border:1px solid rgba(107,33,232,.28);border-left:4px solid var(--P);border-radius:14px;padding:20px 24px;font-size:13px;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:24px;animation:slideInL .6s .35s var(--ease) both}
.rg-disclaimer strong{color:var(--P3)}
.rg-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}
.rg-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 20px;transition:background .3s;animation:scaleIn .5s var(--ease) both}
.rg-card:hover{background:rgba(107,33,232,.14);border-color:rgba(107,33,232,.3)}
.rg-card-icon{font-size:26px;margin-bottom:10px}
.rg-card-title{font-size:13px;font-weight:700;color:var(--white);margin-bottom:6px}
.rg-card-text{font-size:12px;color:rgba(255,255,255,.45);line-height:1.65}
.rg-consent-wrap{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px;animation:floatUp .6s .5s var(--ease) both}
.rg-consent-title{font-size:14px;font-weight:700;color:var(--white);margin-bottom:14px}
.consent-item{display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 14px;margin-bottom:10px;transition:border .2s,background .2s;cursor:pointer}
.consent-item:has(input:checked){border-color:var(--P);background:rgba(107,33,232,.1)}
.consent-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--P);flex-shrink:0;margin-top:2px}
.consent-item label{font-size:13px;color:rgba(255,255,255,.68);line-height:1.55;cursor:pointer}
.consent-item label strong{color:var(--P3)}
.rg-btn{width:100%;background:linear-gradient(135deg,var(--P),var(--P2));color:#fff;border:none;border-radius:14px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 8px 32px rgba(107,33,232,.4);animation:floatUp .6s .6s var(--ease) both}
.rg-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(107,33,232,.65)}
.rg-btn:disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.3);cursor:not-allowed;box-shadow:none;transform:none}
.rg-error{display:none;text-align:center;font-size:12px;color:#f87171;margin-top:10px;font-weight:600}
@media(max-width:600px){.rg-grid{grid-template-columns:1fr}}

/* ══ MAIN APP ════════════════════════════════════════════════════════════════ */


/* ── NAV ── */
#nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 5%;height:70px;display:flex;align-items:center;justify-content:space-between;transition:background .3s,box-shadow .3s}
#nav.scrolled{background:rgba(14,6,18,.94);backdrop-filter:blur(20px);box-shadow:0 1px 0 rgba(107,33,232,.15)}
.nav-logo{font-family:var(--serif);font-size:24px;font-weight:700;color:var(--white);display:flex;align-items:center;gap:8px}
.nav-logo-icon{display:inline-block;animation:spinRock 5s ease-in-out infinite;transition:transform .3s}
.nav-logo:hover .nav-logo-icon{animation:spinPop .6s ease both}
.nav-links{display:flex;align-items:center;gap:32px;list-style:none}
.nav-links a{font-size:13px;font-weight:500;color:rgba(255,255,255,.65);transition:color .2s;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:1px;background:var(--P3);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav-links a:hover{color:var(--white)}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-cta{background:linear-gradient(135deg,var(--P),var(--P2));color:#fff;padding:10px 24px;border-radius:40px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .25s;box-shadow:0 4px 20px rgba(107,33,232,.4);position:relative;overflow:hidden}
.nav-cta::before{content:'';position:absolute;inset:0;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.1) 45deg,transparent 90deg);animation:spinFull 4s linear infinite;pointer-events:none}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(107,33,232,.6)}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px}
.hamburger span{width:24px;height:2px;background:var(--white);border-radius:2px;transition:all .3s}
#mob-nav{display:none;position:fixed;inset:0;z-index:999;background:rgba(14,6,18,.98);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:32px}
#mob-nav.open{display:flex}
#mob-nav a{font-family:var(--serif);font-size:32px;font-weight:700;color:var(--white);transition:color .2s}
#mob-nav a:hover{color:var(--P3)}
#mob-close{position:absolute;top:24px;right:24px;background:rgba(255,255,255,.1);border:none;color:var(--white);width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}

/* ── HERO ── */
#hero{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 50%,#2a0a5a 0%,#0e0612 60%);padding:120px 5% 80px}
.hero-rings{position:absolute;inset:0;pointer-events:none}
.hr1{position:absolute;top:50%;left:50%;width:700px;height:700px;margin:-350px 0 0 -350px;border-radius:50%;border:1px solid rgba(107,33,232,.08);animation:ringRotate 25s linear infinite}
.hr2{position:absolute;top:50%;left:50%;width:1000px;height:1000px;margin:-500px 0 0 -500px;border-radius:50%;border:1px solid rgba(201,168,76,.05);animation:ringReverse 40s linear infinite}
.hr3{position:absolute;top:20%;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(107,33,232,.12),transparent 70%)}
.hero-inner{max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(107,33,232,.15);border:1px solid rgba(107,33,232,.3);color:var(--P3);font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;padding:7px 18px;border-radius:40px;margin-bottom:24px;animation:floatUp .8s var(--ease) both}
.hero-kicker::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--safe);animation:pulse 2s infinite;flex-shrink:0}
.hero-h1{font-family:var(--serif);font-size:clamp(40px,5.5vw,70px);font-weight:700;line-height:1.08;color:var(--white);margin-bottom:10px;animation:floatUp .8s .1s var(--ease) both}
.hero-h1 em{font-style:italic;background:linear-gradient(135deg,var(--P3),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:17px;color:rgba(255,255,255,.55);line-height:1.65;margin-bottom:32px;font-weight:300;animation:floatUp .8s .2s var(--ease) both}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;animation:floatUp .8s .3s var(--ease) both}
.btn-hp{background:linear-gradient(135deg,var(--P),var(--P2));color:#fff;padding:15px 34px;border-radius:40px;font-size:15px;font-weight:700;border:none;cursor:pointer;box-shadow:0 8px 32px rgba(107,33,232,.4);transition:all .3s;position:relative;overflow:hidden;animation:fabBounce 3s ease-in-out infinite}
.btn-hp:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(107,33,232,.6)}
.btn-ho{background:transparent;color:var(--P3);border:1.5px solid rgba(107,33,232,.5);padding:15px 34px;border-radius:40px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s}
.btn-ho:hover{background:rgba(107,33,232,.1);border-color:var(--P3)}
.hero-trust{display:flex;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap;animation:floatUp .8s .4s var(--ease) both}
.trust-item{display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(255,255,255,.45);font-weight:500}
.trust-dot{width:7px;height:7px;border-radius:50%;background:var(--safe);animation:spinFull 4s linear infinite;display:inline-block;flex-shrink:0}

/* Hero card */
.hero-visual{position:relative;animation:floatUp .8s .15s var(--ease) both}
.hero-card{background:rgba(255,255,255,.06);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:28px;position:relative;z-index:2;box-shadow:0 40px 80px rgba(107,33,232,.2)}
.hero-card::before{content:'';position:absolute;top:-18px;left:-18px;right:-18px;bottom:-18px;border-radius:32px;border:1.5px dashed rgba(107,33,232,.2);animation:ringRotate 20s linear infinite;z-index:-1}
.hero-card::after{content:'';position:absolute;top:-32px;left:-32px;right:-32px;bottom:-32px;border-radius:38px;border:1px dashed rgba(201,168,76,.12);animation:ringReverse 30s linear infinite;z-index:-1}
.hc-emp{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.hc-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--P),var(--P2));display:flex;align-items:center;justify-content:center;font-size:24px;border:2px solid rgba(107,33,232,.4);flex-shrink:0}
.hc-name{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--white)}
.hc-cat{font-size:12px;color:rgba(255,255,255,.45);margin-top:2px}
.hc-rating{font-size:13px;color:var(--P3);margin-top:4px;font-weight:600}
.hc-rate{background:rgba(107,33,232,.15);border:1px solid rgba(107,33,232,.25);border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.hc-rate-val{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--P3)}
.hc-book{width:100%;background:linear-gradient(135deg,var(--P),var(--P2));color:#fff;border:none;border-radius:12px;padding:13px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}
.hc-book:hover{background:linear-gradient(135deg,var(--P2),var(--P3));transform:translateY(-1px)}
.float-badge{position:absolute;background:rgba(14,6,18,.85);backdrop-filter:blur(10px);border:1px solid rgba(107,33,232,.3);border-radius:12px;padding:10px 14px;font-size:12px;font-weight:600;color:var(--white);display:flex;align-items:center;gap:8px;white-space:nowrap}
.fb1{top:-24px;right:-20px;animation:float 3s ease-in-out infinite,spinRock 8s ease-in-out infinite}
.fb2{bottom:30px;left:-40px;animation:float 3s 1s ease-in-out infinite,spinRock 10s ease-in-out 1s infinite}
.fb3{bottom:-18px;right:16px;animation:float 3s 2s ease-in-out infinite,spinRock 7s ease-in-out 2s infinite}

/* ── SHARED SECTION ── */
.section{padding:100px 5%}
.container{max-width:1200px;margin:0 auto}
.s-kicker{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--P3);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.s-kicker::before{content:'◆';font-size:8px;display:inline-block;animation:spinFull 4s linear infinite;flex-shrink:0}
.s-h2{font-family:var(--serif);font-size:clamp(32px,4vw,54px);font-weight:700;line-height:1.1;color:var(--white);margin-bottom:16px}
.s-h2 em{font-style:italic;color:var(--P3)}
.s-p{font-size:16px;color:rgba(255,255,255,.5);line-height:1.7;font-weight:300;max-width:580px}
.s-divider{height:1px;background:rgba(255,255,255,.06);margin:0}

/* ── HOW IT WORKS ── */
#how{background:rgba(255,255,255,.02)}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px}
.step-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;position:relative;overflow:hidden;transition:all .35s var(--ease)}
.step-card::before{content:attr(data-n);position:absolute;top:-10px;right:16px;font-family:var(--serif);font-size:100px;font-weight:700;color:rgba(107,33,232,.08);line-height:1;pointer-events:none;transition:color .3s}
.step-card:hover{border-color:rgba(107,33,232,.3);transform:translateY(-8px);box-shadow:0 20px 60px rgba(107,33,232,.12)}
.step-card:hover::before{color:rgba(107,33,232,.15)}
.step-icon{font-size:32px;margin-bottom:16px;display:inline-block;transition:transform .3s}
.step-card:hover .step-icon{animation:spinPop .6s ease both}
.step-h3{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--white);margin-bottom:10px}
.step-p{font-size:14px;color:rgba(255,255,255,.45);line-height:1.65}

/* ── CATEGORIES ── */
#categories{background:var(--ink)}
.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px}
.cat-card{border-radius:24px;padding:44px 40px;position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}
.cat-card:hover{transform:translateY(-8px);box-shadow:0 40px 80px rgba(0,0,0,.3)}
.cat-card::after{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none;animation:ringRotate 15s linear infinite}
.cat-c{background:linear-gradient(135deg,#1c0a3a,#2d1060)}
.cat-m{background:linear-gradient(135deg,#0a1a3a,#102850)}
.cat-p{background:linear-gradient(135deg,#0a2a1a,#0f3d25)}
.cat-mc{background:linear-gradient(135deg,#2a1a0a,#3d2510)}
.cat-icon{font-size:48px;margin-bottom:20px;display:inline-block;transition:transform .3s}
.cat-card:hover .cat-icon{animation:spinPop .7s ease both}
.cat-h3{font-family:var(--serif);font-size:30px;font-weight:700;color:var(--white);margin-bottom:10px}
.cat-p{font-size:15px;color:rgba(255,255,255,.6);line-height:1.6;margin-bottom:24px;font-weight:300}
.cat-rate{display:inline-flex;align-items:baseline;gap:4px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);padding:8px 20px;border-radius:40px}
.cat-rate-n{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--white)}
.cat-rate-l{font-size:12px;color:rgba(255,255,255,.6)}
.cat-min{font-size:12px;color:rgba(255,255,255,.4);margin-top:10px}

/* ── EMPLOYEES ── */
#employees{background:rgba(255,255,255,.02)}
.emp-hdr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;flex-wrap:wrap;gap:16px}
.emp-filters{display:flex;gap:8px;flex-wrap:wrap}
.fp{padding:8px 20px;border-radius:40px;font-size:13px;font-weight:500;border:1.5px solid rgba(255,255,255,.1);background:transparent;color:rgba(255,255,255,.5);cursor:pointer;transition:all .2s}
.fp.active,.fp:hover{background:var(--P);color:#fff;border-color:var(--P)}
.emp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.emp-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:all .35s var(--ease);position:relative}
.emp-card:hover{border-color:rgba(107,33,232,.35);transform:translateY(-6px);box-shadow:0 24px 64px rgba(107,33,232,.14)}
.emp-card.new-emp{border-color:rgba(201,168,76,.35);box-shadow:0 4px 20px rgba(201,168,76,.1)}
.emp-img-area{height:200px;background:linear-gradient(135deg,rgba(107,33,232,.15),rgba(107,33,232,.05));display:flex;align-items:center;justify-content:center;font-size:64px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}
.emp-img-area::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,rgba(14,6,18,.3));pointer-events:none}
.emp-img-area img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .5s var(--ease)}
.emp-card:hover .emp-img-area img{transform:scale(1.06)}
.emp-cat-badge{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:40px;font-size:10px;font-weight:700;color:#fff;z-index:2}
.emp-avail{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:40px;font-size:10px;font-weight:700;z-index:2}
.avail-yes{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3)}
.avail-no{background:rgba(107,114,128,.2);color:rgba(255,255,255,.5);border:1px solid rgba(107,114,128,.3)}
.new-tag{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--ink);font-size:10px;font-weight:800;padding:4px 12px;border-radius:40px;z-index:2}
.emp-body{padding:18px}
.emp-name{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--white);margin-bottom:3px}
.emp-meta{font-size:12px;color:rgba(255,255,255,.4);margin-bottom:8px;display:flex;gap:10px}
.emp-bio-text{font-size:12px;color:rgba(255,255,255,.45);line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.emp-rate{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--P3);margin-bottom:4px}
.emp-rating{font-size:12px;color:rgba(255,255,255,.45);margin-bottom:14px}
.emp-traits{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}
.trait-tag{background:rgba(107,33,232,.15);color:var(--P3);border:1px solid rgba(107,33,232,.2);font-size:10px;font-weight:600;padding:3px 10px;border-radius:40px}
.emp-expand-section{display:none}
.emp-expand-section.open{display:block}
.emp-bio-full{font-size:13px;color:rgba(255,255,255,.5);line-height:1.65;margin-bottom:10px}
.no-tag{background:rgba(220,38,38,.12);color:#f87171;border:1px solid rgba(220,38,38,.2);font-size:10px;font-weight:600;padding:3px 10px;border-radius:40px;display:inline-block;margin:2px}
.emp-btns{display:flex;gap:8px;flex-direction:column}
.btn-expand{border:1.5px solid rgba(107,33,232,.3);background:transparent;color:var(--P3);border-radius:10px;padding:9px;font-size:12px;font-weight:600;transition:all .2s;width:100%;cursor:pointer}
.btn-expand:hover{background:rgba(107,33,232,.1)}
.btn-book{background:linear-gradient(135deg,var(--P),var(--P2));color:#fff;border:none;border-radius:10px;padding:10px;font-size:13px;font-weight:700;transition:all .2s;width:100%;cursor:pointer;position:relative;overflow:hidden}
.btn-book:hover{background:linear-gradient(135deg,var(--P2),var(--P3));transform:translateY(-1px)}
.btn-book.locked{background:rgba(255,255,255,.06);color:rgba(255,255,255,.35);cursor:pointer}
.new-strip-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.new-count-badge{background:var(--gold);color:var(--ink);font-size:11px;font-weight:800;padding:4px 12px;border-radius:40px}

/* ── SAFETY ── */
#safety{background:linear-gradient(160deg,#0e0612 0%,#1c0a3a 50%,#0e0612 100%);position:relative;overflow:hidden}
#safety::before{content:'';position:absolute;top:50%;left:-200px;width:500px;height:500px;border-radius:50%;border:1px solid rgba(107,33,232,.07);animation:ringRotate 25s linear infinite;transform:translateY(-50%)}
#safety::after{content:'';position:absolute;top:30%;right:-200px;width:400px;height:400px;border-radius:50%;border:1px solid rgba(201,168,76,.05);animation:ringReverse 20s linear infinite}
.safety-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:56px}
.safety-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:26px;transition:all .35s var(--ease);position:relative}
.safety-card:hover{background:rgba(107,33,232,.12);border-color:rgba(107,33,232,.3);transform:translateY(-6px)}
.safety-icon{font-size:32px;margin-bottom:16px;display:inline-block;animation:spinRock 3s ease-in-out infinite}
.safety-card:nth-child(1) .safety-icon{animation-delay:0s}
.safety-card:nth-child(2) .safety-icon{animation-delay:.5s}
.safety-card:nth-child(3) .safety-icon{animation-delay:1s}
.safety-card:nth-child(4) .safety-icon{animation-delay:1.5s}
.safety-card:nth-child(5) .safety-icon{animation-delay:2s}
.safety-card:nth-child(6) .safety-icon{animation-delay:2.5s}
.safety-card:hover .safety-icon{animation:spinPop .5s ease both!important}
.safety-h3{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--white);margin-bottom:8px}
.safety-p{font-size:13px;color:rgba(255,255,255,.45);line-height:1.65}

/* ── PRICING ── */
#pricing{background:rgba(255,255,255,.02)}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;margin-top:56px;align-items:start}
.pricing-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:36px;transition:all .35s var(--ease);position:relative;overflow:hidden}
.pricing-card:hover{border-color:rgba(107,33,232,.35);box-shadow:0 30px 70px rgba(107,33,232,.12);transform:translateY(-4px)}
.pricing-card.featured{background:linear-gradient(160deg,var(--P),var(--P2));border-color:transparent}
.pricing-card.featured::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.05) 60deg,transparent 120deg,rgba(255,255,255,.05) 180deg,transparent 240deg,rgba(255,255,255,.05) 300deg,transparent);animation:spinFull 8s linear infinite;z-index:0;pointer-events:none}
.pricing-card.featured>*{position:relative;z-index:1}
.pc-kicker{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--P3);margin-bottom:14px}
.pricing-card.featured .pc-kicker{color:rgba(255,255,255,.7)}
.pc-price{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}
.pc-curr{font-size:18px;font-weight:600;color:rgba(255,255,255,.7)}
.pc-num{font-family:var(--serif);font-size:52px;font-weight:700;line-height:1;color:var(--white)}
.pc-per{font-size:14px;color:rgba(255,255,255,.4);font-weight:300}
.pc-sub{font-size:13px;color:rgba(255,255,255,.4);margin-bottom:24px}
.pc-features{list-style:none;margin-bottom:28px;display:flex;flex-direction:column;gap:10px}
.pc-feature{font-size:13px;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:10px}
.pc-feature::before{content:'✓';color:var(--P3);font-weight:700;flex-shrink:0}
.pricing-card.featured .pc-feature::before{color:rgba(255,255,255,.8)}
.pc-btn{width:100%;background:linear-gradient(135deg,var(--P),var(--P2));color:#fff;border:none;border-radius:40px;padding:14px;font-size:14px;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:0 6px 24px rgba(107,33,232,.3)}
.pricing-card.featured .pc-btn{background:#fff;color:var(--P)}
.pc-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(107,33,232,.5)}
.pc-popular{position:absolute;top:16px;right:-30px;background:var(--gold);color:var(--ink);font-size:10px;font-weight:800;padding:5px 44px;transform:rotate(45deg);transform-origin:center}

/* ── PAYMENT ── */
#payment{background:var(--ink)}
.payment-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.pay-visual{background:linear-gradient(135deg,#1c0a3a,#2d1060);border-radius:24px;padding:36px;position:relative;overflow:hidden}
.pay-visual::after{content:'';position:absolute;top:-60%;right:-60%;width:140%;height:140%;background:conic-gradient(from 0deg,transparent,rgba(107,33,232,.07) 90deg,transparent);animation:spinFull 12s linear infinite;pointer-events:none;border-radius:50%}
.pay-logo-row{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.fw-badge{width:44px;height:44px;background:#f5a623;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#fff;flex-shrink:0;transition:transform .3s}
.fw-badge:hover{animation:spinPop .6s ease both}
.pay-steps{display:flex;flex-direction:column;gap:10px}
.pay-step{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:13px}
.pay-step-n{width:28px;height:28px;border-radius:50%;background:var(--P3);color:var(--ink);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pay-step-t{font-size:13px;color:rgba(255,255,255,.7)}
.split-box{margin-top:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px}
.split-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:10px}
.split-row{display:flex;justify-content:space-between;font-size:13px;color:rgba(255,255,255,.7);margin-bottom:6px}
.split-bar-bg{height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;margin-top:8px;display:flex}
.split-emp{height:100%;width:70%;background:linear-gradient(90deg,#4ade80,#22c55e)}
.split-co{height:100%;width:30%;background:linear-gradient(90deg,var(--P3),var(--P2))}
.req-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}
.req-icon{width:38px;height:38px;background:rgba(107,33,232,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;transition:transform .3s}
.req-item:hover .req-icon{animation:spinWobble .5s ease both}
@keyframes spinWobble{0%,100%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-5deg)}}
.req-title{font-size:14px;font-weight:600;color:var(--white);margin-bottom:3px}
.req-desc{font-size:13px;color:rgba(255,255,255,.4)}

/* ── TERMS ── */
#terms{background:rgba(255,255,255,.02)}
.terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:48px}
.terms-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px}
.terms-box-title{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--white);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}
.t-sub{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--P3);margin:14px 0 5px}
.t-text{font-size:13px;color:rgba(255,255,255,.45);line-height:1.7;margin-bottom:6px}
.t-list{padding-left:16px;list-style:disc}
.t-list li{font-size:13px;color:rgba(255,255,255,.45);line-height:1.7;margin-bottom:4px}
/* Consent section */
.consent-section{max-width:660px;margin:48px auto 0;background:rgba(107,33,232,.1);border:1.5px solid rgba(107,33,232,.25);border-radius:18px;padding:28px}
.cs-title{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--white);margin-bottom:6px}
.cs-sub{font-size:13px;color:rgba(255,255,255,.4);margin-bottom:18px}

/* ── DOWNLOAD ── */
#download{background:linear-gradient(160deg,#0e0612,#1c0a3a,#0e0612);text-align:center;position:relative;overflow:hidden}
#download::before{content:'';position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;border-radius:50%;border:1px solid rgba(107,33,232,.08);animation:ringRotate 20s linear infinite}
.dl-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}
.store-btn{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px 28px;color:var(--white);transition:all .3s var(--ease);cursor:pointer;text-decoration:none;min-width:200px}
.store-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-4px);border-color:rgba(255,255,255,.25)}
.store-icon{font-size:30px;flex-shrink:0;transition:transform .3s}
.store-btn:hover .store-icon{animation:spinPop .6s ease both}
.store-sub{font-size:11px;color:rgba(255,255,255,.45)}
.store-name{font-size:18px;font-weight:700}
.dl-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}
.dl-stat{text-align:center}
.dl-stat-num{font-family:var(--serif);font-size:40px;font-weight:700;color:var(--P3);transition:transform .3s}
.dl-stat:hover .dl-stat-num{animation:spinRock .5s ease}
.dl-stat-label{font-size:13px;color:rgba(255,255,255,.4);margin-top:4px}

/* ── FOOTER ── */
footer{background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.06);padding:60px 5% 30px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:40px}
.footer-logo{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--white);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.footer-logo-icon{display:inline-block;transition:transform .3s}
.footer-logo:hover .footer-logo-icon{animation:spinPop .5s ease both}
.footer-tagline{font-size:13px;color:rgba(255,255,255,.35);line-height:1.65;margin-bottom:16px}
.footer-legal{font-size:11px;color:rgba(255,255,255,.2);line-height:1.6}
.footer-col-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:14px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-links a{font-size:13px;color:rgba(255,255,255,.35);transition:color .2s}
.footer-links a:hover{color:var(--P3)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:rgba(255,255,255,.25)}

/* ── MODALS ── */
.modal-overlay{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);align-items:center;justify-content:center;padding:16px}
.modal-overlay.open{display:flex}
.modal-box{background:rgba(28,10,58,.98);border:1px solid rgba(107,33,232,.3);border-radius:22px;padding:32px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:panelIn .3s var(--ease) both;box-shadow:0 40px 80px rgba(107,33,232,.3)}
.modal-title{font-family:var(--serif);font-size:24px;font-weight:700;color:var(--white);margin-bottom:6px}
.modal-sub{font-size:13px;color:rgba(255,255,255,.4);margin-bottom:20px}
.modal-close{float:right;background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.6);width:30px;height:30px;border-radius:8px;font-size:16px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}
.modal-close:hover{background:rgba(220,38,38,.3);color:#f87171}
.form-label{display:block;font-size:11px;font-weight:700;color:rgba(255,255,255,.4);letter-spacing:1px;text-transform:uppercase;margin-bottom:7px;margin-top:14px}
.form-input{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:11px 14px;color:var(--white);font-size:14px;transition:border .2s}
.form-input:focus{border-color:var(--P);outline:none;background:rgba(107,33,232,.1)}
.form-input::placeholder{color:rgba(255,255,255,.2)}
.form-divider{text-align:center;font-size:13px;color:rgba(255,255,255,.3);margin:12px 0}
.btn-modal-google{width:100%;background:rgba(255,255,255,.08);color:var(--white);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:8px}
.btn-modal-google:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25)}
.btn-modal-primary{width:100%;background:linear-gradient(135deg,var(--P),var(--P2));color:#fff;border:none;border-radius:12px;padding:13px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;margin-top:12px}
.btn-modal-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(107,33,232,.4)}
.btn-modal-outline{width:100%;background:transparent;color:var(--P3);border:1px solid rgba(107,33,232,.35);border-radius:12px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}
.btn-modal-outline:hover{background:rgba(107,33,232,.1)}
.surface-box{background:rgba(107,33,232,.12);border:1px solid rgba(107,33,232,.2);border-radius:12px;padding:14px;margin-bottom:14px}
.info-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px;color:rgba(255,255,255,.7)}
.info-green{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);border-radius:10px;padding:11px 14px;font-size:12px;color:#4ade80;margin-bottom:12px}
.hr{border:none;border-top:1px solid rgba(255,255,255,.07);margin:16px 0}

/* Sub price hero */
.sub-price-hero{background:linear-gradient(135deg,var(--P),var(--P2));border-radius:16px;padding:22px;text-align:center;color:#fff;margin-bottom:18px}
.sub-price-num{font-family:var(--serif);font-size:52px;font-weight:700;line-height:1}
.sub-price-label{font-size:13px;opacity:.75;margin-top:4px}

/* FW Modal */
.fw-modal-badge{width:40px;height:40px;background:#f5a623;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#fff;flex-shrink:0}
.countdown-box{background:rgba(107,33,232,.12);border-radius:12px;padding:18px;text-align:center;margin-bottom:14px}
.countdown-num{font-family:var(--serif);font-size:40px;font-weight:700;color:var(--P3)}

/* Auth steps */
.avatar-upload-area{display:flex;justify-content:center;margin:16px 0;cursor:pointer}
.avatar-circle{width:88px;height:88px;border-radius:50%;background:rgba(107,33,232,.15);border:3px dashed rgba(107,33,232,.4);display:flex;align-items:center;justify-content:center;font-size:28px;flex-direction:column;gap:4px;transition:all .3s;overflow:hidden}
.avatar-circle:hover{background:rgba(107,33,232,.25);border-color:var(--P)}
.avatar-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}

/* Star rating */
.star-row{display:flex;gap:6px;font-size:30px;justify-content:center;margin-bottom:14px}
.star-btn{background:none;border:none;color:rgba(255,255,255,.2);font-size:30px;cursor:pointer;transition:color .2s;padding:0}
.star-btn.lit{color:var(--P3)}

/* AI Panel */
#ai-fab{position:fixed;bottom:28px;right:24px;z-index:500;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--P),var(--P2));color:#fff;border:none;border-radius:40px;padding:12px 20px 12px 14px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 8px 32px rgba(107,33,232,.5);animation:fabBounce 3s ease-in-out infinite;transition:all .3s}
#ai-fab:hover{transform:translateY(-3px)scale(1.04)}
#ai-panel{position:fixed;bottom:90px;right:24px;z-index:600;width:360px;max-height:580px;background:rgba(14,6,18,.97);border-radius:20px;border:1px solid rgba(107,33,232,.3);box-shadow:0 20px 80px rgba(107,33,232,.3);display:flex;flex-direction:column;overflow:hidden;animation:panelIn .35s var(--ease) both;display:none}
.ai-hdr{background:linear-gradient(135deg,var(--P),var(--P2));padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
.ai-av{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.ai-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.ai-tab{flex:1;padding:9px 4px;font-size:10px;font-weight:700;border:none;background:transparent;color:rgba(255,255,255,.4);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}
.ai-tab.active{color:var(--P3);border-bottom-color:var(--P);background:rgba(107,33,232,.1)}
.ai-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:200px;max-height:270px;scroll-behavior:smooth}
.ai-msg{display:flex;gap:8px;align-items:flex-start}
.ai-msg.user{flex-direction:row-reverse}
.ai-bubble{max-width:82%;padding:10px 13px;border-radius:14px;font-size:12px;line-height:1.55;animation:panelIn .25s ease both}
.ai-msg.bot .ai-bubble{background:rgba(107,33,232,.2);color:rgba(255,255,255,.85);border-bottom-left-radius:4px}
.ai-msg.user .ai-bubble{background:linear-gradient(135deg,var(--P),var(--P2));color:#fff;border-bottom-right-radius:4px}
.ai-quick{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px}
.ai-qbtn{background:rgba(255,255,255,.06);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:4px 11px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}
.ai-qbtn:hover{background:var(--P);color:#fff;border-color:var(--P)}
.ai-input-row{display:flex;gap:8px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.07);align-items:flex-end}
#ai-input{flex:1;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:9px 12px;color:#fff;font-size:12px;resize:none;max-height:70px;outline:none;transition:border .2s;-webkit-user-select:text!important;user-select:text!important}
#ai-input:focus{border-color:var(--P)}
#ai-send{background:var(--P);color:#fff;width:34px;height:34px;border-radius:9px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}
#ai-send:hover{background:var(--P2);transform:scale(1.08)}
.ai-typing-wrap{padding:0 14px 8px}
.ai-typing-dots{background:rgba(107,33,232,.2);border-radius:14px;padding:10px 14px;display:inline-flex;gap:4px}
.ai-typing-dots span{width:7px;height:7px;border-radius:50%;background:var(--P3);animation:typeDots 1.2s ease-in-out infinite}
.ai-typing-dots span:nth-child(2){animation-delay:.2s}
.ai-typing-dots span:nth-child(3){animation-delay:.4s}
.ai-footer-note{text-align:center;font-size:10px;color:rgba(255,255,255,.2);padding:4px 14px 10px}
.ai-ctrl-btn{background:rgba(255,255,255,.2);border:none;color:#fff;width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:background .2s}
.ai-ctrl-btn:hover{background:rgba(255,255,255,.35)}

/* TOAST */
#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--P);color:#fff;border-radius:14px;padding:12px 24px;font-size:13px;font-weight:600;z-index:3000;white-space:nowrap;box-shadow:0 8px 32px rgba(107,33,232,.4);display:none;animation:floatUp .3s var(--ease) both}

/* RESPONSIVE */
@media(max-width:960px){
  .hero-inner,.payment-inner,.terms-grid{grid-template-columns:1fr}
  .hero-visual{display:none}
  .cat-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .nav-links{display:none}
  .hamburger{display:flex}
  .steps-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .section{padding:60px 5%}
  .footer-grid{grid-template-columns:1fr}
  #ai-panel{width:calc(100vw - 24px);right:12px;bottom:80px}
}