:root{--ink:#211b24;--muted:#6d6670;--paper:#f8f5ef;--card:#fffdfa;--violet:#755587;--violet2:#4e375b;--line:#e5ddd4;--gold:#b18b55;--shadow-sm:0 8px 24px rgba(34,24,38,.06);--shadow-md:0 18px 50px rgba(34,24,38,.10);--shadow-lg:0 36px 90px rgba(34,24,38,.16);--radius-lg:28px;--radius-md:18px}
body{background:var(--paper);color:var(--ink);font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
.top{height:76px;padding:0 max(4.5vw,24px);background:rgba(248,245,239,.88);backdrop-filter:blur(22px) saturate(1.2);border-bottom:1px solid rgba(65,47,72,.08);box-shadow:0 1px 0 rgba(255,255,255,.6)}
.brand{font-size:14px;letter-spacing:.12em}.brand span{color:var(--gold)}nav{gap:22px}nav a{color:#4d4750;font-weight:650;transition:color .2s ease,transform .2s ease}nav a:hover{color:var(--violet2)}.nav-cta{background:#241d29;color:#fff!important;padding:11px 17px;box-shadow:0 6px 18px rgba(31,23,36,.16)}
.client-hero{position:relative;overflow:hidden;min-height:720px;padding:112px max(6.5vw,34px) 92px;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);gap:6vw;background:linear-gradient(180deg,#fbf8f2 0%,#f5f0e8 100%)}
.client-hero:before{content:"";position:absolute;inset:-20% auto auto 48%;width:740px;height:740px;border-radius:50%;background:radial-gradient(circle,rgba(141,108,159,.16),rgba(141,108,159,0) 67%);pointer-events:none}
.client-hero>div:first-child{position:relative;z-index:1;max-width:760px}.eyebrow,.head p{color:#7d5c8e;font-size:12px;letter-spacing:.19em}.client-hero h1{max-width:760px;font-size:clamp(52px,5.4vw,78px);line-height:1.08;letter-spacing:-.05em;margin:18px 0 28px}.client-hero h1 em{color:#5b3f68}.lead{font-size:19px;line-height:1.85;color:#625b65;max-width:650px}.btn{border-radius:14px;padding:15px 22px;letter-spacing:-.01em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.primary{background:#493451;color:#fff;box-shadow:0 10px 28px rgba(67,45,77,.18)}.primary:hover{background:#3d2b45;box-shadow:0 16px 36px rgba(67,45,77,.22)}
.client-card{position:relative;min-height:500px;padding:38px 36px 36px;align-content:end;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(18,14,22,.06),rgba(18,14,22,.82)),url('/assets/tarot-hero.svg') center/cover no-repeat;border-radius:36px;box-shadow:var(--shadow-lg)}.client-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}.client-card span,.client-card b,.client-card p{position:relative;z-index:1}.client-card span{color:#e0d7e3;font-size:13px;font-weight:700;letter-spacing:.03em}.client-card b{font-size:30px;line-height:1.35;max-width:420px}.client-card p{color:#d6cdd9;max-width:420px;line-height:1.7}
.section{padding:104px max(6.5vw,34px)}.head{max-width:820px;margin-bottom:42px}.head h2,.booking h2{font-size:clamp(38px,4.2vw,58px);letter-spacing:-.045em}.head>span{font-size:16px;line-height:1.8;color:var(--muted)}
.ask-grid{gap:16px}.ask-card{position:relative;min-height:160px;padding:25px 24px;border-radius:20px;border:1px solid #e3dcd5;background:rgba(255,253,250,.88);box-shadow:0 1px 0 rgba(255,255,255,.7);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.ask-card:after{content:"→";position:absolute;right:21px;top:20px;color:#b0a6b4;font-size:19px;transition:transform .2s ease,color .2s ease}.ask-card:hover,.ask-card.selected{transform:translateY(-4px);border-color:#bbaac3;background:#fff;box-shadow:var(--shadow-md)}.ask-card:hover:after,.ask-card.selected:after{transform:translateX(3px);color:#755587}.ask-card.selected{box-shadow:0 0 0 2px rgba(117,85,135,.12),var(--shadow-md)}.ask-card b{font-size:21px;letter-spacing:-.02em}.ask-card span{font-size:14px;line-height:1.65;padding-right:22px}
.topic-help{position:relative;margin-top:26px;padding:34px 36px;border-radius:26px;background:linear-gradient(135deg,#261d2c 0%,#3a2a42 100%);box-shadow:var(--shadow-md);overflow:hidden}.topic-help:before{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(203,171,218,.12);border-radius:50%;right:-70px;top:-80px}.topic-help h3{font-size:30px;letter-spacing:-.03em}.topic-help ol{position:relative;z-index:1;gap:12px 34px}.topic-help li{padding-left:4px;color:#e1d9e4}.topic-help .btn{background:#f0e4c7;color:#302435;box-shadow:none}
.alt{background:#efe9e2}.grid.three{gap:18px}article{border:1px solid #e4ddd5;border-radius:22px;padding:30px;background:#fffdfa;box-shadow:var(--shadow-sm)}article h3{font-size:22px;letter-spacing:-.02em}article p{line-height:1.75}.question-bank{gap:12px}.question-bank span{position:relative;border:1px solid #e2dbd3;background:#fffdfa;border-radius:15px;padding:17px 20px 17px 44px;box-shadow:0 4px 14px rgba(35,25,39,.035)}.question-bank span:before{content:"Q";position:absolute;left:16px;top:16px;color:#9a789f;font-weight:900}
.dark{background:#211922}.client-boundary{position:relative;overflow:hidden}.client-boundary:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(199,167,116,.10);right:-110px;top:-170px}.client-boundary .head h2{max-width:820px}.client-boundary>p{font-size:17px;line-height:1.9;color:#d5ccd8}
.booking{gap:7vw;align-items:start;background:linear-gradient(180deg,#f8f5ef 0,#f3eee7 100%)}.booking-copy{top:116px}.booking-copy>p{font-size:17px;line-height:1.85}.booking-copy ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}.booking-copy li{position:relative;padding-left:28px}.booking-copy li:before{content:"✓";position:absolute;left:0;color:#8b6a50;font-weight:900}.form{border-radius:26px;border:1px solid #ddd4cc;padding:34px;box-shadow:var(--shadow-md);background:#fffdfa}.form label{gap:8px;font-size:13px;color:#554e58}.form input,.form select,.form textarea{border-radius:12px;border:1px solid #d8d0c8;background:#fff;padding:14px 15px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.form input:hover,.form select:hover,.form textarea:hover{background:#fffefc}.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:#89699a;box-shadow:0 0 0 4px rgba(117,85,135,.10)}.agree{padding:13px 14px;border-radius:12px;background:#f7f3ee}.msg.ok{padding:13px;border-radius:12px;background:#eef6f0;color:#2e6a42}.msg.err{padding:13px;border-radius:12px;background:#fff0f0;color:#a33d3d}
.subhero{background:linear-gradient(180deg,#f8f5ef,#efe8e1);border-color:#e1d9d1}.status-layout{gap:24px}.status-form{box-shadow:var(--shadow-sm)}.status-result{border-radius:26px;background:linear-gradient(145deg,#231b28,#3b2b42);box-shadow:var(--shadow-md)}.booking-card dl{background:rgba(255,255,255,.06)}.booking-card dl>div{background:rgba(255,255,255,.035)}
footer{padding:52px max(6.5vw,34px);background:#171218;border-top:1px solid rgba(255,255,255,.05)}footer b{letter-spacing:.1em}footer span,footer small{color:#afa5b2}
@media(max-width:960px){.client-hero{grid-template-columns:1fr;min-height:auto}.client-card{min-height:440px;max-width:760px;width:100%}.ask-grid{grid-template-columns:1fr 1fr}.booking{grid-template-columns:1fr}.booking-copy{position:static}}
@media(max-width:820px){.top{height:66px;padding:0 18px}.nav-cta{padding:9px 13px;font-size:12px}.client-hero{padding:66px 20px 52px;gap:34px}.client-hero h1{font-size:44px;line-height:1.12}.lead{font-size:17px;line-height:1.75}.client-card{min-height:390px;border-radius:26px;padding:28px}.client-card b{font-size:25px}.section{padding:74px 20px}.head{margin-bottom:30px}.head h2,.booking h2{font-size:36px}.ask-card{min-height:145px;padding:22px}.topic-help{padding:26px 22px}.form{padding:24px;border-radius:22px}.status-result{padding:24px}}
@media(max-width:560px){.ask-grid{grid-template-columns:1fr}.client-hero h1{font-size:40px}.client-card{min-height:345px}.client-card b{font-size:23px}.topic-help ol{grid-template-columns:1fr}.row{grid-template-columns:1fr}.form{padding:20px}.question-bank{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.footer-admin{margin-top:8px;width:max-content;color:#8f8593!important;font-size:12px;text-decoration:none}.footer-admin:hover{color:#d0c4d3!important}.ask-card:focus-visible,.btn:focus-visible,nav a:focus-visible,.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline:3px solid rgba(123,88,142,.32);outline-offset:3px}.ask-card:focus-visible{border-color:#8b6d98}
