.chiro-root {
--bg: #faf8f5 !important; --fg: #2a2a2a !important; --fg-muted: #5f5a55 !important; --gold: #c9a96e !important; --gold-light: #e8d5a8 !important; --copper: #b87333 !important; --night: #0b0826 !important; --night-mid: #1b1042 !important; --night-light: #3a2477 !important; --violet: #6b4bc4 !important; --card: #ffffff !important; --border: #e6e1da !important; --band-sand: #f3eee6 !important; --band-lav: #f1effa !important; --band-rose: #fbf1ec !important; --band-sky: #edf2f8 !important; --c-vie: #5fd3a0 !important; --c-coeur: #ff7aa8 !important; --c-tete: #7fb2ff !important; --c-destin: #e8c77a !important; --c-soleil: #ffa95c !important; --c-mercure: #9ee6e0 !important; --text-on-dark: #efe9ff !important; --radius: 14px !important; --shadow: 0 6px 28px rgba(27,16,66,0.08) !important;
}
.chiro-root {
background: var(--bg) !important; color: var(--fg) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 17px !important; line-height: 1.75 !important; margin: 0 !important;
}
@media (max-width: 768px) {
.chiro-root {
font-size: 15px !important;
}
}
.chiro-root .gutter {
padding-left: max(16px, env(safe-area-inset-left, 0px)) !important; padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
}
.chiro-root .inner {
max-width: 1080px !important; margin: 0 auto !important;
}
.chiro-root .narrow {
max-width: 820px !important; margin: 0 auto !important;
}
.chiro-root h1 {
font-family: 'El Messiri', serif !important; font-weight: 700 !important; font-size: clamp(34px, 5vw, 52.7px) !important; line-height: 1.15 !important; text-wrap: balance !important; margin: 0 !important;
}
.chiro-root h2 {
font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; font-size: 24px !important; line-height: 1.3 !important; text-wrap: balance !important; margin: 0 0 20px !important; color: var(--fg) !important;
}
@media (max-width: 768px) {
.chiro-root h2 {
font-size: 22px !important;
}
}
.chiro-root h3 {
font-family: Arial, Helvetica, sans-serif !important; font-weight: 700 !important; font-size: 20px !important; line-height: 1.4 !important; margin: 0 0 10px !important; color: var(--fg) !important;
}
@media (max-width: 768px) {
.chiro-root h3 {
font-size: 18px !important;
}
}
.chiro-root p {
margin: 0 auto 18px !important; max-width: 75ch !important;
}
.chiro-root a {
color: var(--copper) !important;
}
.chiro-root ul.list {
max-width: 75ch !important; margin: 0 auto 18px !important; padding-left: 22px !important;
}
.chiro-root ul.list li {
margin-bottom: 8px !important;
}
.chiro-root .sr-only {
position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;
}
.chiro-root .section {
padding-block: 64px !important;
}
.chiro-root .section h2 {
text-align: center !important;
}
.chiro-root .section .lead {
text-align: center !important; color: var(--fg-muted) !important; margin-bottom: 36px !important;
}
.chiro-root .band-sand {
background: var(--band-sand) !important;
}
.chiro-root .band-lav {
background: var(--band-lav) !important;
}
.chiro-root .band-rose {
background: var(--band-rose) !important;
}
.chiro-root .band-sky {
background: var(--band-sky) !important;
}
.chiro-root .ornament {
text-align: center !important; margin: 0 auto 26px !important; color: var(--gold) !important; font-size: 22.1px !important; opacity: 0.6; letter-spacing: 0.5em !important;
}
.chiro-root .btn-gold {
display: inline-flex !important; align-items: center !important; gap: 8px !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; color: #0b0826 !important; background: linear-gradient(135deg, var(--gold), var(--copper)) !important; border: none !important; border-radius: 30px !important; padding: 13px 30px !important; cursor: pointer !important; text-decoration: none !important; transition: transform 0.2s, box-shadow 0.2s;
}
.chiro-root .btn-gold:hover {
transform: translateY(-2px); box-shadow: 0 8px 28px rgba(201,169,110,0.35) !important;
}
.chiro-root .btn-gold[disabled] {
opacity: 0.6; cursor: wait !important;
}
@media (max-width: 768px) {
.chiro-root .btn-gold {
font-size: 15px !important; padding: 12px 24px !important;
}
}
.chiro-root .btn-outline {
display: inline-flex !important; align-items: center !important; gap: 8px !important; font-family: Arial, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: var(--copper) !important; border: 2px solid var(--gold) !important; border-radius: 30px !important; padding: 10px 22px !important; text-decoration: none !important; transition: background 0.2s, color 0.2s;
}
.chiro-root .btn-outline:hover {
background: var(--gold) !important; color: #0b0826 !important;
}
.chiro-root .btn-skip {
background: none !important; border: none !important; color: var(--fg-muted) !important; font-size: 14.4px !important; cursor: pointer !important; text-decoration: underline !important; margin-top: 8px !important;
}
.chiro-root .hero {
background: radial-gradient(90% 70% at 70% 40%, #3a2477 0%, #1b1042 45%, #07051a 100%) !important; color: var(--text-on-dark) !important; position: relative !important; overflow: hidden !important; padding-block: 52px 70px !important;
}
.chiro-root #heroSky {
position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; z-index: 0 !important; pointer-events: none !important;
}
.chiro-root .hero .inner {
position: relative !important; z-index: 1 !important; display: grid !important; grid-template-columns: 1.05fr 0.95fr !important; gap: 30px !important; align-items: center !important;
}
@media (max-width: 900px) {
.chiro-root .hero .inner {
grid-template-columns: 1fr !important; text-align: center !important;
}
}
.chiro-root .hero-breadcrumb {
font-size: 14.4px !important; color: rgba(239,233,255,0.6) !important; margin-bottom: 18px !important;
}
.chiro-root .hero-breadcrumb a {
color: rgba(239,233,255,0.75) !important; text-decoration: none !important;
}
.chiro-root .hero h1 {
color: #fff7e6 !important; margin-bottom: 12px !important; text-shadow: 0 0 28px rgba(232,199,122,0.35) !important;
}
.chiro-root .hero h1 span {
color: var(--gold-light) !important;
}
.chiro-root .hero-sub {
font-family: 'Poppins', sans-serif !important; font-size: 18.7px !important; color: #ddd3f5 !important; margin-bottom: 24px !important; max-width: 560px !important;
}
@media (max-width: 900px) {
.chiro-root .hero-sub {
margin: 0 auto 24px !important;
}
}
.chiro-root .hero-pills {
list-style: none !important; padding: 0 !important; margin: 18px 0 0 !important; display: flex !important; flex-wrap: wrap !important; gap: 8px !important;
}
@media (max-width: 900px) {
.chiro-root .hero-pills {
justify-content: center !important;
}
}
.chiro-root .hero-pills li {
font-size: 13.9px !important; font-weight: 700 !important; color: var(--gold-light) !important; border: 1px solid rgba(232,199,122,0.45) !important; padding: 5px 12px !important; border-radius: 20px !important;
}
.chiro-root .hand-stage {
position: relative !important; width: min(400px, 90vw) !important; margin: 0 auto !important; aspect-ratio: 370 / 505 !important; touch-action: none !important; user-select: none !important; -webkit-user-select: none !important;
}
.chiro-root .hand-stage svg {
width: 100% !important; height: 100% !important; display: block !important; overflow: visible !important;
}
.chiro-root .hand-svg {
}
.chiro-root .hglow {
fill: none !important; stroke-width: 11 !important; stroke-linecap: round !important; opacity: 0.28; transition: opacity 0.25s;
}
.chiro-root .hline {
fill: none !important; stroke-width: 3.4 !important; stroke-linecap: round !important; transition: stroke-width 0.2s, stroke-dashoffset 1.6s ease-out;
}
.chiro-root .hline.on {
stroke-width: 5.5 !important;
}
.chiro-root .hhit {
fill: none !important; stroke: rgba(0,0,0,0.001) !important; stroke-width: 32 !important; stroke-linecap: round !important; cursor: pointer !important; pointer-events: stroke !important;
}
.chiro-root .hand-palm {
pointer-events: none !important;
}
.chiro-root .hmount {
cursor: pointer !important;
}
.chiro-root .hm-halo {
fill: url(#chMg) !important; opacity: 0.35; transition: opacity 0.25s; transform-origin: center;
}
.chiro-root .hm-dot {
fill: #e8c77a !important; transition: r 0.2s;
}
.chiro-root .hm-hit {
fill: rgba(0,0,0,0.001) !important; pointer-events: all !important;
}
.chiro-root .hmount:hover .hm-halo, .chiro-root .hmount.on .hm-halo {
opacity: 1;
}
.chiro-root .hmount.on .hm-dot {
fill: #fff7e6 !important;
}
.chiro-root .hlabel {
font-family: 'El Messiri', serif !important; font-size: 13px !important; fill: rgba(239,233,255,0.85) !important; pointer-events: none !important;
}
.chiro-root .hand-hint {
text-align: center !important; font-family: 'El Messiri', serif !important; color: var(--gold-light) !important; font-size: 17px !important; opacity: 0.85; animation: hint 3s ease-in-out infinite; margin-top: 8px !important;
}
@keyframes hint {
0%,100% {
opacity: 0.5;
}
50% {
opacity: 1;
}
}
.chiro-root .hand-info {
margin: 10px auto 0 !important; max-width: 400px !important; background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(232,199,122,0.4) !important; border-radius: 12px !important; padding: 0 16px !important; max-height: 0; opacity: 0; overflow: hidden !important; transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease; text-align: left !important;
}
.chiro-root .hand-info.on {
max-height: 260px; opacity: 1; padding: 12px 16px !important;
}
.chiro-root .hand-info .hi-name {
font-family: 'El Messiri', serif !important; font-size: 19.5px !important; color: var(--gold-light) !important;
}
.chiro-root .hand-info p {
font-size: 15.6px !important; color: #ddd3f5 !important; margin: 4px 0 0 !important; max-width: none !important;
}
.chiro-root .hand-info a {
color: var(--gold-light) !important; font-size: 15px !important;
}
.chiro-root .quiz-box {
max-width: 720px !important; margin: 0 auto !important; background: var(--card) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; box-shadow: var(--shadow) !important; padding: 32px !important; position: relative !important; overflow: hidden !important;
}
.chiro-root .quiz-box::before {
content: '' !important; position: absolute !important; top: 0; left: 0; right: 0 !important; height: 5px !important; background: linear-gradient(90deg, var(--gold), var(--copper)) !important;
}
.chiro-root .quiz-progress {
display: flex !important; gap: 6px !important; margin-bottom: 22px !important;
}
.chiro-root .quiz-progress span {
flex: 1 !important; height: 5px !important; border-radius: 3px !important; background: var(--border) !important; transition: background 0.3s;
}
.chiro-root .quiz-progress span.done {
background: linear-gradient(90deg, var(--gold), var(--copper)) !important;
}
.chiro-root .quiz-q {
font-family: 'El Messiri', serif !important; font-size: 23.8px !important; color: var(--fg) !important; margin-bottom: 18px !important;
}
.chiro-root .quiz-opts {
display: grid !important; gap: 10px !important;
}
.chiro-root .quiz-opt {
text-align: left !important; background: var(--band-sand) !important; border: 2px solid transparent !important; border-radius: 12px !important; padding: 14px 16px !important; font-family: Arial, sans-serif !important; font-size: 16px !important; cursor: pointer !important; transition: border-color 0.2s, transform 0.2s, background 0.2s; display: flex !important; gap: 12px !important; align-items: center !important; color: var(--fg) !important;
}
.chiro-root .quiz-opt:hover {
border-color: var(--gold) !important; transform: translateX(4px); background: #fff !important;
}
.chiro-root .quiz-opt .qi {
font-size: 23.8px !important;
}
.chiro-root .quiz-step {
display: none !important; animation: fadeUp 0.5s ease;
}
.chiro-root .quiz-step.on {
display: block !important;
}
@keyframes fadeUp {
from {
opacity: 0; transform: translateY(16px);
}
to {
opacity: 1; transform: translateY(0);
}
}
.chiro-root .quiz-result {
text-align: center !important;
}
.chiro-root .quiz-result .qr-icon {
font-size: 51px !important; filter: drop-shadow(0 0 14px rgba(201,169,110,0.6)); animation: breathe 2.4s ease-in-out infinite;
}
@keyframes breathe {
0%,100% {
transform: scale(1);
}
50% {
transform: scale(1.08);
}
}
.chiro-root .quiz-result .qr-name {
font-family: 'El Messiri', serif !important; font-size: 28.9px !important; color: var(--copper) !important; margin: 6px 0 !important;
}
.chiro-root .qr-sealed {
position: relative !important; margin: 14px 0 18px !important; background: var(--band-sand) !important; border-radius: 12px !important; padding: 16px !important; text-align: left !important;
}
.chiro-root .qr-sealed p {
transition: filter 0.4s; margin: 0 0 8px !important; max-width: none !important;
}
.chiro-root .qr-sealed.sealed p {
filter: blur(6px); user-select: none !important;
}
.chiro-root .qr-lock {
position: absolute !important; inset: 0 !important; display: none !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
}
.chiro-root .qr-sealed.sealed .qr-lock {
display: flex !important;
}
.chiro-root .lock-note {
font-size: 15.3px !important; color: var(--fg-muted) !important; background: rgba(255,255,255,0.9) !important; padding: 6px 12px !important; border-radius: 20px !important;
}
.chiro-root .grid3 {
display: grid !important; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important; gap: 20px !important;
}
.chiro-root .card {
background: var(--card) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; padding: 24px !important; box-shadow: var(--shadow) !important; position: relative !important; overflow: hidden !important;
}
.chiro-root .card::after {
content: '' !important; position: absolute !important; right: -40px !important; top: -40px; width: 120px !important; height: 120px !important; border-radius: 50% !important; background: radial-gradient(circle, rgba(201,169,110,0.18), transparent 70%) !important;
}
.chiro-root .card .ic {
font-size: 32.3px !important; margin-bottom: 6px !important;
}
.chiro-root .card h3 {
font-family: 'El Messiri', serif !important; color: var(--copper) !important; font-size: 21.2px !important;
}
.chiro-root .card p {
font-size: 17px !important; color: var(--fg-muted) !important; margin: 0 0 10px !important; max-width: none !important;
}
@media (max-width: 768px) {
.chiro-root .card p {
font-size: 15px !important;
}
}
.chiro-root .card .tag {
display: inline-block !important; font-size: 13.3px !important; font-weight: 700 !important; padding: 3px 10px !important; border-radius: 12px !important; background: var(--band-lav) !important; color: #3b2d7a !important; margin-right: 6px !important;
}
.chiro-root .card .swatch {
display: inline-block !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin-right: 8px !important; vertical-align: middle !important;
}
.chiro-root .lines-grid {
display: grid !important; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important; gap: 20px !important;
}
.chiro-root .signs-grid {
display: grid !important; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important; gap: 14px !important;
}
.chiro-root .sign {
background: var(--card) !important; border: 1px solid var(--border) !important; border-radius: 12px !important; padding: 16px !important; display: flex !important; gap: 12px !important; align-items: flex-start !important;
}
.chiro-root .sign .si {
width: 44px !important; height: 44px !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: var(--band-lav) !important; border-radius: 10px !important;
}
.chiro-root .sign .si svg {
width: 28px !important; height: 28px !important;
}
.chiro-root .sign h3 {
font-family: 'El Messiri', serif !important; color: var(--copper) !important; font-size: 17.9px !important; margin-bottom: 4px !important;
}
.chiro-root .sign p {
font-size: 15px !important; color: var(--fg-muted) !important; margin: 0 !important;
}
.chiro-root .table-wrap {
overflow-x: auto !important; border-radius: var(--radius) !important; border: 1px solid var(--border) !important; background: var(--card) !important; box-shadow: var(--shadow) !important;
}
.chiro-root table {
width: 100% !important; border-collapse: collapse !important; min-width: 640px !important; font-size: 16px !important;
}
.chiro-root th {
background: var(--night) !important; color: var(--gold-light) !important; font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; text-align: left !important; padding: 14px 16px !important; font-size: 14.4px !important; letter-spacing: 0.05em !important; text-transform: uppercase !important;
}
.chiro-root td {
padding: 13px 16px !important; border-top: 1px solid var(--border) !important; vertical-align: top !important;
}
.chiro-root tr:nth-child(even) td {
background: #fbf9f6 !important;
}
.chiro-root .steps {
display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 18px !important;
}
@media (max-width: 900px) {
.chiro-root .steps {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 520px) {
.chiro-root .steps {
grid-template-columns: 1fr !important;
}
}
.chiro-root .step {
background: var(--card) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; padding: 24px 18px !important; text-align: center !important; box-shadow: var(--shadow) !important;
}
.chiro-root .step-num {
width: 48px !important; height: 48px !important; margin: 0 auto 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient(135deg, var(--gold), var(--copper)) !important; color: #0b0826 !important; font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 19.5px !important; border-radius: 50% !important; box-shadow: 0 6px 18px rgba(201,169,110,0.35) !important;
}
.chiro-root .step p {
font-size: 17px !important; color: var(--fg-muted) !important; margin: 0 !important;
}
@media (max-width: 768px) {
.chiro-root .step p {
font-size: 15px !important;
}
}
.chiro-root .timeline {
max-width: 820px !important; margin: 0 auto !important; position: relative !important; padding-left: 28px !important;
}
.chiro-root .timeline::before {
content: '' !important; position: absolute !important; left: 8px; top: 6px; bottom: 6px !important; width: 2px !important; background: linear-gradient(to bottom, var(--gold), var(--copper)) !important;
}
.chiro-root .tl {
position: relative !important; margin-bottom: 22px !important;
}
.chiro-root .tl::before {
content: '' !important; position: absolute !important; left: -26px; top: 7px; width: 12px !important; height: 12px !important; border-radius: 50% !important; background: var(--gold) !important; box-shadow: 0 0 0 4px rgba(201,169,110,0.25) !important;
}
.chiro-root .tl .d {
font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; color: var(--copper) !important; font-size: 15.3px !important; letter-spacing: 0.04em !important;
}
.chiro-root .tl p {
margin: 2px 0 0 !important; max-width: none !important;
}
.chiro-root .tool-cta {
max-width: 820px !important; margin: 0 auto !important; background: linear-gradient(135deg, #1b1042, #3a2477) !important; color: var(--text-on-dark) !important; border-radius: var(--radius) !important; padding: 30px !important; display: flex !important; gap: 24px !important; align-items: center !important; flex-wrap: wrap !important; justify-content: center !important; text-align: left !important; box-shadow: 0 16px 44px rgba(27,16,66,0.25) !important;
}
.chiro-root .tool-cta .tc-icon {
font-size: 51px !important;
}
.chiro-root .tool-cta h3 {
color: var(--gold-light) !important; font-family: 'El Messiri', serif !important; font-size: 23.8px !important;
}
.chiro-root .tool-cta p {
color: #ddd3f5 !important; margin: 0 0 12px !important; max-width: none !important;
}
.chiro-root .tool-cta > div {
flex: 1 !important; min-width: 240px !important;
}
.chiro-root .cta {
position: relative !important; overflow: hidden !important; color: var(--text-on-dark) !important; padding-block: 56px !important;
}
.chiro-root .cta.cta-talents {
background: linear-gradient(120deg, #120a24 0%, #2a1a4e 55%, #3b2470 100%) !important;
}
.chiro-root .cta.cta-theme {
background: linear-gradient(120deg, #3a0f1f 0%, #5e1f33 50%, #7b2f3d 100%) !important;
}
.chiro-root .cta .orb {
position: absolute !important; border-radius: 50% !important; filter: blur(44px); opacity: 0.5; pointer-events: none !important; animation: orb 10s ease-in-out infinite;
}
.chiro-root .cta .orb.o1 {
width: 280px !important; height: 280px !important; left: -70px; top: -90px; background: rgba(201,169,110,0.35) !important;
}
.chiro-root .cta .orb.o2 {
width: 320px !important; height: 320px !important; right: -100px !important; bottom: -130px !important; background: rgba(184,115,51,0.35) !important; animation-delay: -5s;
}
@keyframes orb {
0%,100% {
transform: translate(0,0) scale(1);
}
50% {
transform: translate(30px,-22px) scale(1.15);
}
}
.chiro-root .cta .inner {
position: relative !important; z-index: 1 !important; display: flex !important; align-items: center !important; gap: 38px !important; flex-wrap: wrap !important; justify-content: center !important;
}
.chiro-root .cta-visual {
width: 160px !important; height: 160px !important; flex-shrink: 0 !important;
}
.chiro-root .cta-visual svg {
width: 100% !important; height: 100% !important; overflow: visible !important;
}
.chiro-root .spin {
transform-origin: 80px 80px; animation: spin 18s linear infinite;
}
.chiro-root .spin.r {
animation-direction: reverse; animation-duration: 26s;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.chiro-root .pulse {
transform-origin: 80px 80px; animation: breathe 3s ease-in-out infinite;
}
.chiro-root .twinkle {
animation: tw 2.2s ease-in-out infinite;
}
.chiro-root .twinkle.t2 {
animation-delay: 0.7s;
}
.chiro-root .twinkle.t3 {
animation-delay: 1.4s;
}
@keyframes tw {
0%,100% {
opacity: 0.3;
}
50% {
opacity: 1;
}
}
.chiro-root .cta-text {
flex: 1 !important; min-width: 260px !important; max-width: 560px !important; text-align: left !important;
}
.chiro-root .cta-badge {
display: inline-block !important; font-family: 'Poppins', sans-serif !important; font-size: 12.8px !important; font-weight: 600 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: #1a0f2e !important; background: linear-gradient(135deg, var(--gold-light), var(--gold)) !important; padding: 5px 12px !important; border-radius: 20px !important; margin-bottom: 12px !important;
}
.chiro-root .cta h2 {
color: #fff !important; text-align: left !important; font-size: 24px !important; margin-bottom: 10px !important;
}
.chiro-root .cta p {
color: rgba(239,233,255,0.85) !important; margin: 0 0 18px !important; max-width: none !important;
}
.chiro-root .cta-btn {
display: inline-flex !important; align-items: center !important; gap: 10px !important; font-family: Arial, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; color: #1a0f2e !important; background: linear-gradient(135deg, var(--gold), var(--copper)) !important; border-radius: 30px !important; padding: 14px 32px !important; text-decoration: none !important; position: relative !important; overflow: hidden !important; box-shadow: 0 8px 28px rgba(201,169,110,0.3) !important; animation: ctaPulse 2.6s ease-in-out infinite;
}
.chiro-root .cta-btn::after {
content: '' !important; position: absolute !important; top: 0; left: -80%; width: 50% !important; height: 100% !important; background: linear-gradient(100deg, transparent, rgba(255,255,255,0.45), transparent) !important; transform: skewX(-20deg); animation: shine 3s ease-in-out infinite;
}
@keyframes shine {
0% {
left: -80%;
}
45%,100% {
left: 130%;
}
}
@keyframes ctaPulse {
0%,100% {
box-shadow: 0 8px 28px rgba(201,169,110,0.3);
}
50% {
box-shadow: 0 10px 40px rgba(201,169,110,0.55);
}
}
.chiro-root .cta-btn:hover {
transform: translateY(-2px);
}
@media (max-width: 768px) {
.chiro-root .cta-text, .chiro-root .cta h2 {
text-align: center !important;
}
.chiro-root .cta-visual {
width: 120px !important; height: 120px !important;
}
.chiro-root .cta h2 {
font-size: 22px !important;
}
.chiro-root .cta-btn {
font-size: 15px !important; padding: 12px 26px !important;
}
}
.chiro-root .faq-list {
max-width: 780px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; gap: 12px !important;
}
.chiro-root .faq-item {
background: var(--card) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; overflow: hidden !important;
}
.chiro-root .faq-q {
display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 18px 20px !important; cursor: pointer !important; font-weight: 700 !important; font-size: 17px !important; background: none !important; border: none !important; width: 100% !important; text-align: left !important; color: var(--fg) !important; font-family: Arial, sans-serif !important;
}
.chiro-root .faq-q:hover {
color: var(--copper) !important;
}
.chiro-root .faq-chevron {
transition: transform 0.3s; flex-shrink: 0 !important; color: var(--gold) !important;
}
.chiro-root .faq-item.open .faq-chevron {
transform: rotate(180deg);
}
.chiro-root .faq-a {
max-height: 0; overflow: hidden !important; transition: max-height 0.4s ease;
}
.chiro-root .faq-a-inner {
padding: 0 20px 18px !important; font-size: 17px !important; line-height: 1.7 !important; color: var(--fg-muted) !important;
}
@media (max-width: 768px) {
.chiro-root .faq-q, .chiro-root .faq-a-inner {
font-size: 15px !important;
}
}
.chiro-root .footer-links {
background: var(--band-sand) !important; padding-block: 40px !important; text-align: center !important;
}
.chiro-root .footer-links nav {
display: flex !important; gap: 10px 22px !important; justify-content: center !important; flex-wrap: wrap !important;
}
.chiro-root .footer-links a {
color: var(--copper) !important; text-decoration: none !important; font-size: 15.6px !important;
}
.chiro-root .email-overlay {
display: none !important; position: fixed !important; inset: 0 !important; background: rgba(11,8,38,0.85) !important; z-index: 100 !important; align-items: center !important; justify-content: center !important;
}
.chiro-root .email-overlay.visible {
display: flex !important;
}
.chiro-root .email-popup {
background: var(--card) !important; color: var(--fg) !important; border-radius: var(--radius) !important; padding: 36px !important; max-width: 440px !important; width: 90% !important; text-align: center !important; box-shadow: 0 20px 60px rgba(0,0,0,0.4) !important; position: relative !important;
}
.chiro-root .email-popup h3 {
font-family: 'El Messiri', serif !important; font-size: 23.8px !important; color: var(--copper) !important; margin-bottom: 10px !important;
}
.chiro-root .email-popup p {
font-size: 16.1px !important; color: var(--fg-muted) !important; margin-bottom: 18px !important;
}
.chiro-root .email-popup input[type="email"] {
width: 100% !important; padding: 12px 16px !important; border: 1px solid var(--border) !important; border-radius: 8px !important; font-size: 16px !important; background: var(--bg) !important; color: var(--fg) !important; box-sizing: border-box !important; margin-bottom: 12px !important;
}
.chiro-root .email-popup label {
display: flex !important; align-items: flex-start !important; gap: 8px !important; font-size: 13.9px !important; color: var(--fg-muted) !important; text-align: left !important; margin-bottom: 14px !important; cursor: pointer !important;
}
.chiro-root .email-popup label input {
margin-top: 3px !important; flex-shrink: 0 !important;
}
.chiro-root .email-popup label a {
color: var(--copper) !important;
}
.chiro-root .email-close {
position: absolute !important; top: 10px; right: 14px !important; background: none !important; border: none !important; font-size: 25.5px !important; color: var(--fg-muted) !important; cursor: pointer !important; line-height: 1 !important;
}
.chiro-root .email-screen {
display: none !important;
}
.chiro-root .email-screen.on {
display: block !important;
}
.chiro-root .email-err {
display: none !important; color: #b8432f !important; font-size: 14.4px !important; margin: -6px 0 10px !important;
}
.chiro-root .email-err.on {
display: block !important;
}
.chiro-root .hero, .chiro-root .section, .chiro-root .cta, .chiro-root .footer-links { width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; box-sizing: border-box !important; border-radius: 0 !important; }
.chiro-root .hero, .chiro-root .cta { color: #f0e8d8 !important; }
.chiro-root h2 { text-transform: none !important; letter-spacing: 0 !important; }
.chiro-root .card p, .chiro-root .step p, .chiro-root .sign p, .chiro-root .qr-sealed p, .chiro-root .quiz-result p, .chiro-root .tl p, .chiro-root .tool-cta p, .chiro-root .hand-info p, .chiro-root td { max-width: none !important; }
.chiro-root .hero .inner { display: grid !important; }
.chiro-root ul.list { list-style: disc !important; padding-left: 22px !important; }
.chiro-root .email-popup label a { color: #b87333 !important; }
.chiro-root .email-popup label span { flex: 1 !important; }
.chiro-root .quiz-opt, .chiro-root .cat-btn { -webkit-appearance: none !important; }
.chiro-root .hand-stage svg { max-width: 100% !important; }