@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root{--ink:#283b5e;--muted:#5e6879;--cream:#faf6ef;--pink:#df7d9b;--pink-dark:#be587b;--line:#e9e1d5;--shadow:0 18px 50px rgba(70,59,43,.13)}
*{box-sizing:border-box}
html{min-height:100%;background:radial-gradient(circle at 15% 8%,#f8e5df 0,transparent 24rem),radial-gradient(circle at 90% 80%,#e7eff5 0,transparent 28rem),var(--cream);background-attachment:fixed}
body{min-height:100vh;margin:0;min-width:320px;background:transparent;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.6}
button,a{font-family:inherit}.page-shell{width:min(100% - 32px,960px);margin:clamp(16px,5vw,64px) auto}.card{overflow:hidden;background:rgba(255,253,249,.88);border:1px solid rgba(255,255,255,.9);border-radius:30px;box-shadow:var(--shadow)}[hidden],.hidden{display:none!important}
.intro-screen{min-height:520px;display:flex;align-items:center;justify-content:center}.intro-content{width:min(100%,840px);padding:clamp(48px,8vw,86px) clamp(30px,8vw,92px);text-align:center}.intro-content .button-primary{margin-top:20px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:.71rem;font-weight:700;color:var(--pink-dark);margin-bottom:12px}h1,h2,h3{line-height:1.16;margin:0;font-weight:700}h1{font-size:clamp(2.2rem,4.5vw,4.1rem);letter-spacing:-.045em;margin-bottom:24px}h2{font-size:clamp(1.8rem,3.8vw,3rem);letter-spacing:-.035em}p{margin:0 0 17px;color:var(--muted)}
.button{border:0;cursor:pointer;font-weight:700;font-size:1rem;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button-primary{margin-top:15px;background:var(--pink);color:#fff;padding:16px 23px;box-shadow:0 9px 20px rgba(190,88,123,.25)}.button-primary span{font-size:1.3rem;margin-left:8px}.button:hover,.messenger:hover{transform:translateY(-3px);box-shadow:0 12px 22px rgba(73,56,56,.18)}.button:active,.messenger:active{transform:translateY(0) scale(.98)}
.quiz-screen{padding:clamp(26px,5vw,62px);min-height:575px}.quiz-topline{display:flex;justify-content:space-between;font-weight:700;font-size:.88rem;color:var(--muted)}.progress{height:7px;background:#eee7de;border-radius:20px;margin:12px 0 clamp(38px,7vw,68px);overflow:hidden}.progress i{display:block;height:100%;width:12.5%;background:linear-gradient(90deg,var(--pink),#edb174);border-radius:inherit;transition:width .35s ease}.question-wrap{animation:appear .35s ease}.question-wrap h2{max-width:730px;margin-bottom:28px}.answers{display:grid;gap:13px}.answer{width:100%;text-align:left;display:flex;gap:15px;align-items:flex-start;padding:17px 19px;border:1px solid var(--line);border-radius:16px;background:#fffefa;color:var(--ink);cursor:pointer;font-weight:500;font-size:1rem;line-height:1.45;transition:border-color .2s,transform .2s,box-shadow .2s,background .2s}.answer b{width:27px;height:27px;flex:none;display:grid;place-items:center;border-radius:50%;background:#f6ede8;color:var(--pink-dark);font-size:.78rem}.answer:hover{border-color:#dfa5b7;background:#fff9fa;transform:translateX(4px);box-shadow:0 8px 18px rgba(67,52,52,.08)}.answer.selected{border-color:var(--pink);background:#fff4f7}
.result-summary{display:grid;grid-template-columns:minmax(300px,.86fr) 1.25fr;align-items:stretch}.result-hero{min-height:470px;position:relative;overflow:hidden;background:#eee5df}.result-hero img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.result-glow{position:absolute;width:300px;height:300px;background:#f6d096;border-radius:50%;filter:blur(65px);bottom:-80px;right:-140px}.result-content{padding:clamp(35px,5vw,65px)}.result-content h2{margin-bottom:25px}.result-copy p:first-child{font-size:1rem;line-height:1.65;color:var(--ink);font-weight:500}.result-copy p{font-size:1rem;line-height:1.65}
.common-section{padding:clamp(35px,5vw,62px);background:#fffaf5;border-top:1px solid var(--line)}.common-section>h2{margin-bottom:27px}.common-copy p{font-size:1rem;line-height:1.65}.messengers{margin-top:34px;padding:25px;border-radius:20px;background:#f8eee9}.messengers h3{font-size:1.25rem;margin-bottom:18px}.messenger-links{display:flex;flex-wrap:wrap;gap:9px}.messenger{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-weight:700;padding:11px 16px;border-radius:999px;transition:transform .2s,box-shadow .2s}.telegram{background:#3199d6}.vk{background:#3978c8}.max{background:#6756cb}.restart{margin-top:25px;padding:0;border:0;background:transparent;color:var(--pink-dark);font-weight:700;font-size:.92rem;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:700px){.page-shell{width:min(100% - 20px,560px);margin:10px auto}.card{border-radius:22px}.intro-screen{min-height:calc(100vh - 20px)}.intro-content{padding:45px 25px}.result-summary{grid-template-columns:1fr}.result-hero{min-height:0;height:370px}.result-content,.common-section{padding:35px 24px}.quiz-screen{padding:28px 20px}.answer{padding:15px;font-size:.94rem}.messengers{padding:21px 17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Kids archetype quiz */
.progress i{width:8.33%}
.answer.selected{border-color:var(--pink);background:#fff4f7;box-shadow:inset 0 0 0 1px var(--pink)}
.answer.selected b{background:var(--pink);color:#fff}
.answer.limit-reached{animation:shake .3s ease;border-color:#d87070}
.quiz-actions{min-height:66px;margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.selection-count{color:var(--muted);font-size:.9rem;font-weight:600}
.next-button{margin:0;flex:none}
.result-summary{display:block}
.result-content{padding:clamp(35px,6vw,72px)}
.result-content h2{margin-bottom:12px}
.supporting{font-size:1.02rem;color:var(--ink);margin-bottom:30px}
.score-chart{display:grid;gap:14px;margin:0 0 34px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fffaf7}
.chart-label{display:flex;justify-content:space-between;gap:15px;margin-bottom:6px;font-size:.92rem;color:var(--ink)}
.chart-track{height:10px;overflow:hidden;border-radius:20px;background:#eee7de}
.chart-track i{display:block;height:100%;min-width:10px;border-radius:inherit;background:linear-gradient(90deg,var(--pink),#edb174);animation:grow .65s ease both}
.result-copy{max-width:760px}
@keyframes grow{from{width:0}}
@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:700px){.quiz-actions{align-items:flex-start;flex-direction:column}.next-button{width:100%}.score-chart{padding:19px 16px}}