:root{--purple:#7b46a7;--purple-dark:#43235f;--purple-deep:#2e173f;--lavender:#eee8f4;--mint:#b9ec78;--lime:#d6f6a6;--ink:#241c2b;--muted:#6f6677;--paper:#fbfafc;--white:#fff;--line:#e8e1ed;--shadow:0 24px 70px rgba(56,30,73,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.5;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}.ambient{position:fixed;z-index:-2;border-radius:50%;filter:blur(4px);pointer-events:none}.ambient-one{width:44rem;height:44rem;background:radial-gradient(circle,rgba(185,236,120,.2),transparent 66%);right:-18rem;top:-12rem}.ambient-two{width:35rem;height:35rem;background:radial-gradient(circle,rgba(123,70,167,.12),transparent 67%);left:-18rem;top:38rem}.site-header{height:86px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(123,70,167,.1)}.brand img{display:block;width:166px;height:auto}.header-label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.88rem;font-weight:600}.header-label i{width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 5px rgba(185,236,120,.2)}main{max-width:1240px;margin:auto;padding:0 28px}.hero{min-height:650px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:54px;padding:64px 0 76px}.hero-copy{max-width:650px}.eyebrow{display:flex;gap:10px;margin-bottom:24px}.eyebrow span{border:1px solid var(--line);background:rgba(255,255,255,.72);padding:7px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.11em;font-size:.7rem;font-weight:700;color:var(--purple)}h1,h2,h3{font-family:"Manrope",sans-serif;margin-top:0}h1{font-size:clamp(3.2rem,5.6vw,5.4rem);line-height:.99;letter-spacing:-.055em;margin-bottom:26px}h1 em{font-style:normal;color:var(--purple);position:relative}h1 em:after{content:"";position:absolute;left:3px;right:2px;bottom:-5px;height:8px;background:url("data:image/svg+xml,%3Csvg width='300' height='8' viewBox='0 0 300 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6C72 1 181 1 298 4' stroke='%23B9EC78' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}.hero-copy>p{font-size:1.18rem;max-width:590px;color:var(--muted);margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:14px;padding:15px 20px;font-weight:700;transition:.2s ease}.button:hover{transform:translateY(-2px)}.primary,.submit{background:var(--purple);color:#fff;box-shadow:0 12px 28px rgba(123,70,167,.24)}.primary:hover,.submit:hover{background:#6d399a}.privacy-note{font-size:.86rem;color:var(--muted)}.privacy-note span{color:var(--purple);font-weight:800}.hero-visual{position:relative;min-height:500px;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:390px;height:390px;border-radius:46% 54% 60% 40%;background:linear-gradient(145deg,var(--purple),var(--purple-deep));transform:rotate(-8deg);box-shadow:var(--shadow)}.hero-visual:after{content:"";position:absolute;width:240px;height:240px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.23),transparent 45%);border:1px solid rgba(255,255,255,.14);border-radius:50%}.orbit{position:absolute;border:1px dashed rgba(123,70,167,.22);border-radius:50%}.orbit-one{width:470px;height:470px}.orbit-two{width:550px;height:550px}.score-card{position:relative;z-index:2;width:260px;min-height:310px;padding:28px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.6);border-radius:28px;box-shadow:0 28px 55px rgba(31,13,43,.27);transform:rotate(4deg);backdrop-filter:blur(8px)}.mini-label{text-transform:uppercase;letter-spacing:.15em;font-size:.68rem;font-weight:800;color:var(--purple)}.gauge{width:158px;height:158px;border:14px solid var(--lavender);border-top-color:var(--purple);border-right-color:var(--mint);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:24px auto 22px;transform:rotate(-12deg)}.gauge span,.gauge small{transform:rotate(12deg)}.gauge span{font:800 3.3rem/1 "Manrope"}.gauge small{color:var(--muted);font-size:.76rem}.card-line{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.74rem}.card-line b{width:24px;height:6px;background:var(--mint);border-radius:10px}.floating-card{position:absolute;z-index:3;background:#fff;border:1px solid var(--line);box-shadow:0 16px 35px rgba(42,22,56,.16);padding:12px 16px;border-radius:13px;font-size:.82rem;font-weight:700}.floating-card span{color:var(--purple);margin-right:7px}.card-a{left:4%;top:23%;transform:rotate(-6deg)}.card-b{right:1%;bottom:21%;transform:rotate(6deg)}.quiz-shell{background:#fff;border:1px solid var(--line);border-radius:30px;padding:clamp(24px,5vw,60px);box-shadow:var(--shadow);scroll-margin-top:22px}.quiz-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:32px;border-bottom:1px solid var(--line)}.section-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--purple);font-weight:800;font-size:.72rem}.quiz-heading h2,.result h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;line-height:1.05;margin:8px 0 0}.progress-wrap{width:235px;color:var(--muted);font-size:.78rem;text-align:right}.progress-track{height:8px;background:var(--lavender);border-radius:10px;margin-top:9px;overflow:hidden}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,var(--purple),#a56dd0);border-radius:10px;transition:.35s}.questions{counter-reset:question}.question{counter-increment:question;padding:38px 0;border-bottom:1px solid var(--line)}.question-title{display:grid;grid-template-columns:44px 1fr;gap:15px;align-items:start;font:700 clamp(1.05rem,2vw,1.28rem)/1.35 "Manrope";margin:0 0 22px}.question-title:before{content:counter(question,decimal-leading-zero);display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--lavender);color:var(--purple);font-size:.78rem}.options{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-left:59px}.option{position:relative}.option input{position:absolute;opacity:0;pointer-events:none}.option span{height:100%;min-height:78px;display:flex;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;color:#5e5565;font-size:.85rem;transition:.16s}.option span:before{content:"";width:15px;height:15px;border:1.5px solid #b6aabd;border-radius:50%;margin-right:9px;flex:0 0 auto;box-shadow:inset 0 0 0 3px #fff}.option input:checked+span{background:#f7f2fb;border-color:var(--purple);color:var(--purple-dark);box-shadow:0 7px 18px rgba(123,70,167,.1)}.option input:checked+span:before{background:var(--purple);border-color:var(--purple)}.option input:focus-visible+span{outline:3px solid rgba(123,70,167,.22);outline-offset:2px}.submit{width:100%;margin-top:32px;padding:18px;font-size:1rem}.form-error{margin-top:24px;background:#fff1f0;color:#9c2f2f;border:1px solid #ffd5d1;border-radius:12px;padding:13px 16px}.question.invalid .question-title{color:#a83232}.result{animation:reveal .5s ease}@keyframes reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.result-top{display:grid;grid-template-columns:160px 1fr;gap:34px;align-items:center}.result-seal{width:150px;height:150px;border-radius:50%;background:var(--purple);color:#fff;display:flex;align-items:baseline;justify-content:center;padding-top:47px;box-shadow:0 0 0 12px var(--lavender),0 16px 36px rgba(123,70,167,.22)}.result-seal span{font:800 3.2rem/1 "Manrope"}.result-seal small{font-size:1rem}.result-top p{font-size:1.08rem;color:var(--muted);max-width:700px}.result-scale{margin:48px 0 34px}.scale-track{height:13px;background:linear-gradient(90deg,#e9dff0 0 40%,#c5a6dc 40% 75%,var(--purple) 75%);border-radius:20px;position:relative}.scale-track>div{position:absolute;inset:0 auto 0 0;width:0;background:var(--mint);border-radius:20px;opacity:.72;transition:1s ease}.scale-track i{position:absolute;top:50%;left:0;width:25px;height:25px;background:#fff;border:7px solid var(--purple);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px rgba(44,23,63,.25);transition:1s ease}.scale-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem;margin-top:12px}.result-insight{display:flex;gap:14px;align-items:center;background:linear-gradient(100deg,#f4faeb,#fafcf7);border:1px solid #dcebc9;border-radius:16px;padding:18px 20px}.result-insight>span{color:var(--purple);font-size:1.3rem}.result-insight p{margin:0;color:#4e5e3d}.result-actions{display:flex;gap:12px;margin-top:26px}.ghost{background:transparent;border:1px solid var(--line);color:var(--purple)}.result-footnote{color:var(--muted);font-size:.78rem;margin:20px 0 0}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden;margin:70px 0}.how-it-works>div{background:var(--paper);padding:35px}.how-it-works span{color:var(--purple);font:800 .72rem "Manrope";letter-spacing:.12em}.how-it-works h3{margin:16px 0 7px;font-size:1.2rem}.how-it-works p{margin:0;color:var(--muted);font-size:.9rem}footer{background:var(--purple-deep);color:rgba(255,255,255,.7);padding:38px max(28px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:30px;font-size:.78rem}footer img{width:140px;filter:brightness(0) invert(1)}footer p{margin:0;flex:1}footer>span{white-space:nowrap}
@media(max-width:940px){.hero{grid-template-columns:1fr;padding-top:50px}.hero-copy{max-width:760px}.hero-visual{min-height:430px}.options{grid-template-columns:1fr 1fr;margin-left:59px}.option:last-child{grid-column:1/-1}.quiz-heading{align-items:start}.how-it-works{grid-template-columns:1fr}.how-it-works>div{padding:25px}}
@media(max-width:620px){.site-header{height:74px;padding:0 18px}.brand img{width:140px}.header-label{display:none}main{padding:0 16px}.hero{min-height:auto;padding:45px 0 60px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:370px;transform:scale(.82);margin:-25px}.hero-visual:before{width:330px;height:330px}.orbit-one{width:390px;height:390px}.orbit-two{width:440px;height:440px}.score-card{width:230px;min-height:285px;padding:24px}.gauge{width:140px;height:140px}.quiz-shell{border-radius:22px}.quiz-heading{display:block}.progress-wrap{width:100%;text-align:left;margin-top:22px}.question{padding:30px 0}.question-title{grid-template-columns:38px 1fr}.question-title:before{width:36px;height:36px}.options{grid-template-columns:1fr;margin-left:0}.option:last-child{grid-column:auto}.option span{min-height:58px}.result-top{grid-template-columns:1fr}.result-seal{width:118px;height:118px;padding-top:36px}.result-seal span{font-size:2.5rem}.scale-labels span{max-width:30%;line-height:1.2}.result-actions{flex-direction:column}.how-it-works{margin:45px 0}footer{align-items:flex-start;flex-direction:column;gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.question{border:0;border-bottom:1px solid var(--line);margin:0;min-width:0}
.question-title>span{display:block}.category-chip{display:block;width:max-content;margin:0 0 7px;padding:4px 9px;border-radius:999px;background:#f3f8ea;color:#5d793c;font:700 .65rem/1.2 "DM Sans",sans-serif;letter-spacing:.05em;text-transform:uppercase}
.instagram-modal{width:min(92vw,520px);padding:0;border:0;border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(31,13,43,.35)}.instagram-modal::backdrop{background:rgba(31,18,40,.72);backdrop-filter:blur(5px)}.instagram-modal-content{padding:24px;text-align:center}.instagram-modal h2{margin:0 0 6px;color:var(--purple-dark);font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.035em}.instagram-modal p{margin:0 0 18px;color:var(--muted);font-size:.92rem}.instagram-modal img{display:block;width:100%;max-height:min(58vh,540px);object-fit:contain;border-radius:16px;background:#5c7fb2}.instagram-modal .button{width:100%;margin-top:18px;padding:17px}.instagram-modal[open]{animation:modal-in .24s ease}@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:620px){.instagram-modal-content{padding:16px}.instagram-modal p{font-size:.84rem}.instagram-modal .button{margin-top:14px}}