.quiz-page{background:#f8f5ff;min-height:calc(100vh - 64px);position:relative;display:flex;flex-direction:column}.quiz-bg{display:none}.qprogress{position:relative;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:.75rem 1.5rem 0;display:flex;flex-direction:column;gap:.375rem}.qprogress--visible{opacity:1}.qprogress__track{height:3px;background:#ddd6fe;border-radius:2px;overflow:hidden}.qprogress__fill{height:100%;background:linear-gradient(90deg,#7c3aed,#ec4899);border-radius:2px;width:0%;transition:width .45s cubic-bezier(.4,0,.2,1)}.qprogress__label{font-family:Poppins,sans-serif;font-size:.6875rem;color:#6d5d8a;letter-spacing:.05em;text-align:right}.qscreen[hidden]{display:none!important}.qscreen{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:2.5rem 1.25rem 3rem;opacity:0;outline:none}#screen-intro{flex:1;justify-content:flex-start;min-height:calc(100vh - 140px);padding-top:3.5rem;padding-bottom:0;overflow:hidden}#screen-result{flex:1;justify-content:center;min-height:calc(100vh - 140px);padding-top:4rem;padding-bottom:4rem}.qscreen--active{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both}.qscreen--entering{animation:fadeUp .4s cubic-bezier(.22,1,.36,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.qinner{width:100%;max-width:580px;display:flex;flex-direction:column;align-items:flex-start}.qinner--wide{max-width:960px;align-items:center}.q-eyebrow{font-family:Poppins,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ec4899;margin:0 0 .875rem}.q-headline{font-family:Poppins,sans-serif;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:800;line-height:1.1;color:#1e1030;margin:0 0 1.125rem;letter-spacing:-.02em}.q-headline em{font-style:normal;color:#7c3aed}.q-headline--sm{font-size:clamp(1.625rem,4vw,2.5rem);text-align:center}.q-sub{font-family:Poppins,sans-serif;font-size:.9375rem;color:#6d5d8a;margin:0 0 2.5rem;line-height:1.6}.q-sub--sm{font-size:.875rem;margin-bottom:0;text-align:center}.q-fine{font-family:Poppins,sans-serif;font-size:.6875rem;color:#6d5d8a;margin:0;opacity:.7}.q-start-btn{position:relative;display:inline-flex;align-items:center;gap:.625rem;background:linear-gradient(135deg,#7c3aed,#c026d3 55%,#ec4899);color:#fff;font-family:Poppins,sans-serif;font-size:1.0625rem;font-weight:600;padding:1rem 2.25rem;border-radius:50px;border:none;cursor:pointer;box-shadow:0 6px 24px #7c3aed73,0 1px 4px #0000001f;transition:box-shadow .2s ease,transform .15s ease;margin-bottom:1.25rem;min-height:56px;overflow:hidden;letter-spacing:.01em}.q-start-btn:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.35) 50%,transparent 80%);animation:btnShine 3s ease-in-out 1s infinite}@keyframes btnShine{0%{left:-100%}35%{left:130%}to{left:130%}}.q-start-btn:hover{box-shadow:0 10px 36px #7c3aed99,0 2px 8px #00000026;transform:translateY(-2px)}.q-start-btn:active{transform:translateY(0);box-shadow:0 4px 16px #7c3aed66}.q-start-btn__heart{width:18px;height:18px;flex-shrink:0;color:#fffffff2;transition:transform .2s ease}.q-start-btn:hover .q-start-btn__heart{transform:scale(1.2)}.q-nav{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:2rem}.q-back-btn{display:inline-flex;align-items:center;gap:.375rem;background:none;border:none;color:#6d5d8a;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 0;min-height:44px;transition:color .2s ease,opacity .2s ease}.q-back-btn:hover{color:#1e1030}.q-step{font-family:Poppins,sans-serif;font-size:.6875rem;font-weight:500;color:#6d5d8a;letter-spacing:.05em}.q-text{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.375rem,4vw,2rem);font-weight:700;line-height:1.3;color:#1e1030;margin:0 0 1.75rem;letter-spacing:-.01em}.q-options{display:grid;grid-template-columns:1fr;gap:.625rem;width:100%}.q-options[data-cols="2"]{grid-template-columns:1fr}@media(min-width:480px){.q-options[data-cols="2"]{grid-template-columns:1fr 1fr}}.q-opt{display:block;width:100%;text-align:left;background:#fff;border:1.5px solid #DDD6FE;border-radius:10px;padding:1rem 1.25rem;color:#1e1030;font-family:Poppins,sans-serif;font-size:.9375rem;font-weight:400;cursor:pointer;min-height:52px;line-height:1.5;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.q-opt:hover{background:#ede9fe;border-color:#7c3aed;color:#7c3aed;box-shadow:0 1px 4px #7c3aed1a}.q-opt--selected{background:#ede9fe;border-color:#7c3aed;border-width:2px;color:#1e1030;font-weight:500;box-shadow:inset 4px 0 #7c3aed}.result-head{text-align:center;margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.result-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;margin-bottom:2.5rem}@media(min-width:600px){.result-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.125rem}.rcard--1{order:2}.rcard--2{order:1;margin-top:2.25rem}.rcard--3{order:3;margin-top:4rem}}.rcard{background:#fff;border:1px solid #DDD6FE;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.875rem;box-shadow:0 1px 4px #7c3aed0f;animation:revealCard .5s cubic-bezier(.22,1,.36,1) both;transition:border-color .2s ease,box-shadow .2s ease}.rcard:hover{border-color:#a78bfa;box-shadow:0 4px 16px #7c3aed1a}.rcard--1{border:2px solid #7C3AED;background:linear-gradient(160deg,#f0ebff,#fff 55%);box-shadow:0 8px 28px #7c3aed2e;animation-delay:.08s}.rcard--1 .rcard__name{font-size:1.25rem}.rcard--2{border-top:2px solid #A78BFA;animation-delay:.22s}.rcard--3{animation-delay:.38s}@keyframes revealCard{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rcard__rank{display:flex;align-items:center;margin-bottom:.25rem}.rcard__head{display:flex;align-items:center;gap:.75rem}.rcard__logo-wrap{flex-shrink:0;width:48px;height:48px;border-radius:10px;overflow:hidden;background:#ede9fe;display:flex;align-items:center;justify-content:center}.rcard__logo{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:10px}.rcard__initial{font-family:Playfair Display,Georgia,serif;font-size:1.375rem;font-weight:700;color:#7c3aed;line-height:1}.rcard__head-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.rcard__name{font-family:Playfair Display,Georgia,serif;font-size:1.125rem;font-weight:700;color:#1e1030;margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcard__kat{font-family:Poppins,sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#7c3aed}.rcard__desc{font-family:Poppins,sans-serif;font-size:.8125rem;font-style:italic;color:#6d5d8a;margin:0;line-height:1.55}.rcard__tags{display:flex;flex-wrap:wrap;gap:.375rem}.rcard__tag{font-family:Poppins,sans-serif;font-size:.6875rem;font-weight:500;padding:.2rem .55rem;border-radius:4px;background:#ede9fe;border:1px solid #DDD6FE;color:#7c3aed}.rcard__cta{display:flex;align-items:center;gap:.625rem;margin-top:auto;padding-top:.75rem;border-top:1px solid #DDD6FE}.rcard__btn{display:inline-flex;align-items:center;min-height:44px;padding:0 1.25rem;border-radius:8px;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.rcard__btn--affiliate{background:#fce7f3;color:#4c1d95;border:2px solid #7C3AED}.rcard__btn--affiliate:after{content:" ↗";display:inline-block;font-size:.95em;font-weight:700;color:#ec4899;-webkit-text-stroke:.6px #EC4899;transition:transform .2s ease,color .2s ease}.rcard__btn--affiliate:hover{background:#7c3aed;color:#fff;border-color:#7c3aed}.rcard__btn--affiliate:hover:after{transform:translate(2px,-2px);color:#fce7f3;-webkit-text-stroke-color:#FCE7F3}.rcard__btn--plain{background:transparent;color:#7c3aed;border:1.5px solid #7C3AED;padding:0 1.125rem}.rcard__btn--plain:hover{background:#ede9fe}.rcard__partner{font-family:Poppins,sans-serif;font-size:.6875rem;color:#6d5d8a;opacity:.8}.result-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.875rem;margin-bottom:1.75rem}.q-restart-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 1.5rem;border-radius:8px;background:transparent;border:1.5px solid #7C3AED;color:#7c3aed;font-family:Poppins,sans-serif;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease}.q-restart-btn:hover{background:#7c3aed;color:#fff}.q-all-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 1.5rem;border-radius:8px;background:#7c3aed;color:#fff;font-family:Poppins,sans-serif;font-size:.9375rem;font-weight:500;text-decoration:none;box-shadow:0 2px 8px #7c3aed33;transition:background .2s ease,transform .15s ease}.q-all-btn:hover{background:#4c1d95;color:#fff;transform:translateY(-1px)}.result-notice{font-family:Poppins,sans-serif;font-size:.8125rem;color:#6d5d8a;text-align:center;max-width:480px;line-height:1.65;margin:0 auto .875rem;padding:.625rem 1rem;border:1px solid #DDD6FE;border-radius:8px;background:#ede9fe66;opacity:0;animation:fadeUp .4s ease .85s forwards}.result-approx-note{font-family:Poppins,sans-serif;font-size:.875rem;color:#4c1d95;text-align:center;background:#ede9fe;border:1px solid #DDD6FE;border-radius:8px;padding:.625rem 1rem;margin:0 0 1.25rem;line-height:1.5}.rcard__approx-badge{display:inline-block;font-size:.65rem;font-weight:700;padding:.1rem .45rem;border-radius:20px;background:#fef3c7;color:#92400e;margin-left:.4rem;vertical-align:middle;letter-spacing:.02em}.rcard--approx{opacity:.88;border-style:dashed}.intro-text-zone{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:560px;padding-bottom:2.5rem;position:relative;z-index:10}.intro-stage{display:none}@media(min-width:700px){.intro-text-zone{padding-bottom:2rem}.intro-stage{display:block;position:relative;width:100%;max-width:900px;margin-top:auto}}.stage-glow{position:absolute;bottom:15%;left:50%;transform:translate(-50%);width:65%;height:50%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(124,58,237,.22) 0%,rgba(236,72,153,.14) 45%,transparent 70%);filter:blur(52px);pointer-events:none;z-index:0}.stage-img{width:100%;height:auto;display:block;position:relative;z-index:1;pointer-events:none}.stage-badge{position:absolute;z-index:5;display:flex;flex-direction:column;gap:.35rem;background:#fff;border:1px solid #DDD6FE;border-radius:12px;padding:.6rem .85rem;min-width:106px;box-shadow:0 6px 20px #7c3aed1a,0 1px 4px #0000000d;pointer-events:none}.stage-badge--companion{top:18%;left:2%;animation:badge-float-a 3.8s ease-in-out infinite .2s}.stage-badge--love{top:5%;left:50%;transform:translate(-50%);animation:badge-float-b 3.5s ease-in-out infinite 1.1s}.stage-badge--match{top:18%;right:2%;animation:badge-float-c 4.3s ease-in-out infinite .6s}@keyframes badge-float-a{0%{transform:rotate(-8deg) translateY(0)}40%{transform:rotate(-5deg) translateY(-10px)}to{transform:rotate(-8deg) translateY(0)}}@keyframes badge-float-b{0%{transform:translate(-50%) rotate(3deg) translateY(0)}50%{transform:translate(-50%) rotate(1deg) translateY(-8px)}to{transform:translate(-50%) rotate(3deg) translateY(0)}}@keyframes badge-float-c{0%{transform:rotate(9deg) translateY(0)}45%{transform:rotate(6deg) translateY(-11px)}to{transform:rotate(9deg) translateY(0)}}.stage-badge__hd{display:flex;align-items:center;gap:.3rem}.stage-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.stage-dot--violet{background:#7c3aed;box-shadow:0 0 5px #7c3aed99}.stage-dot--green{background:#059669;box-shadow:0 0 5px #05966980}.stage-dot--pink{background:#ec4899;box-shadow:0 0 5px #ec489999}.stage-badge__name{font-family:Poppins,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1e1030;flex:1}.stage-badge__check{font-size:.6rem;font-weight:700;color:#059669}.stage-badge__bar{height:5px;border-radius:3px;background:#ede9fe}.stage-badge__bar--l{width:76px}.stage-badge__bar--m{width:52px;background:#f3f0fd}.stage-badge__bar--s{width:38px;background:#d1fae5}.stage-badge__score{height:5px;border-radius:3px;background:#ede9fe;width:76px;overflow:hidden}.stage-badge__score-fill{height:100%;width:0%;border-radius:3px;background:linear-gradient(90deg,#7c3aed,#ec4899);animation:stage-score-fill 3.5s ease-in-out 1.5s infinite}@keyframes stage-score-fill{0%,10%{width:0%}65%,85%{width:80%}to{width:0%}}.stage-hrt{position:absolute;width:var(--sz, 24px);height:var(--sz, 24px);pointer-events:none;z-index:3;opacity:var(--op, .8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EC4899'%3E%3Cpath d='M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;animation:stage-hrt-drift 5.5s ease-in-out infinite var(--d, 0s)}.fb-widget{width:100%;max-width:480px;margin:0 auto 1.75rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.fb-widget__q{font-family:Poppins,sans-serif;font-size:.9375rem;font-weight:500;color:#1e1030;margin:0}.fb-stars{display:flex;gap:.25rem}.fb-star{background:none;border:none;font-size:1.875rem;color:#ddd6fe;cursor:pointer;padding:.25rem;transition:color .12s ease,transform .12s ease;line-height:1;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.fb-star--active,.fb-star:hover{color:#ec4899;transform:scale(1.15)}.fb-detail{display:flex;flex-direction:column;align-items:center;gap:.625rem;width:100%;animation:fadeUp .3s ease both}.fb-textarea{width:100%;max-width:400px;min-height:80px;resize:vertical;border:1.5px solid #DDD6FE;border-radius:10px;padding:.75rem 1rem;font-family:Poppins,sans-serif;font-size:.875rem;color:#1e1030;background:#fff;outline:none;transition:border-color .15s ease;box-sizing:border-box}.fb-textarea:focus{border-color:#7c3aed}.fb-send{display:inline-flex;align-items:center;min-height:44px;padding:0 1.5rem;border-radius:8px;background:#7c3aed;color:#fff;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:background .2s ease}.fb-send:hover{background:#4c1d95}.fb-thanks{font-family:Poppins,sans-serif;font-size:.9375rem;font-weight:500;color:#7c3aed;margin:0;animation:fadeUp .4s ease both}@keyframes stage-hrt-drift{0%{transform:rotate(var(--r, 0deg)) translateY(0);opacity:calc(var(--op, .8) * .5)}40%{transform:rotate(calc(var(--r, 0deg) + 6deg)) translateY(-12px);opacity:var(--op, .8)}70%{transform:rotate(calc(var(--r, 0deg) - 3deg)) translateY(-5px);opacity:calc(var(--op, .8) * .75)}to{transform:rotate(var(--r, 0deg)) translateY(0);opacity:calc(var(--op, .8) * .5)}}