.kviz .q-view{max-width:760px;margin:0 auto;padding:clamp(48px,7vw,90px) 0 clamp(60px,8vw,100px);text-align:center}.kviz .kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--copper-400);font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px}.kviz .kicker:after,.kviz .kicker:before{content:"";width:28px;height:1px;background:var(--copper-400)}.kviz .progress{display:flex;justify-content:center;gap:8px;margin:26px 0 10px}.kviz .pdot{width:9px;height:9px;border-radius:50%;background:var(--foam-12);transition:all .3s}.kviz .pdot.done{background:var(--copper-400)}.kviz .pdot.now{background:var(--amber-500);box-shadow:0 0 10px rgba(254,204,7,.5)}.kviz .q-num{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--foam-30);margin-bottom:14px}.kviz .q-title{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.8vw,44px);letter-spacing:-.01em;color:var(--foam-100)}.kviz .q-title em{font-style:italic;color:var(--amber-500)}.kviz .q-sub{color:var(--foam-60);font-weight:300;margin-top:10px}.kviz .answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:34px}.kviz .ans{background:var(--bg-elevated);border:1.5px solid var(--foam-06);border-radius:var(--radius);padding:26px 18px 22px;cursor:pointer;color:var(--foam-100);font-family:var(--sans);font-size:15.5px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .35s var(--ease-out),border-color .35s}.kviz .ans:hover{transform:translateY(-4px);border-color:rgba(254,204,7,.4)}.kviz .ans .emo{font-size:30px;margin-bottom:6px}.kviz .ans small{font-size:12.5px;font-weight:400;color:var(--foam-60)}.kviz .back-q{margin-top:28px;background:none;border:0;color:var(--foam-30);font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer}.kviz .back-q:hover{color:var(--foam-60)}.kviz .res-head{margin-top:16px}.kviz .res-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:36px}.kviz .res-card{background:var(--bg-elevated);border:1px solid var(--foam-06);border-radius:var(--radius);padding:26px 20px;position:relative;display:flex;flex-direction:column;align-items:center}.kviz .res-card.top{border-color:rgba(254,204,7,.4);background:var(--bg-elevated-2)}.kviz .match-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--amber-500);color:var(--bg-primary);font-size:11px;font-weight:700;padding:5px 14px;border-radius:100px;font-family:var(--sans)}.kviz .res-card .coaster{width:88px;height:88px;border-radius:50%;background:#FAF5EB;display:grid;place-items:center;padding:10px;margin:8px 0 14px;box-shadow:0 12px 28px -8px rgba(0,0,0,.6),0 0 0 1px rgba(245,239,230,.1)}.kviz .res-card .coaster img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:50%}.kviz .res-card h3{font-size:17px;font-family:var(--sans);font-weight:700;color:var(--foam-100)}.kviz .res-card .meta{font-size:12.5px;color:var(--foam-30);margin-top:4px}.kviz .res-card .why{font-size:13px;color:var(--foam-60);font-weight:300;font-style:italic;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kviz .res-cta{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:40px}.kviz .btn-ghost{background:none;border:1.5px solid var(--foam-12);color:var(--foam-60);font-family:var(--sans);font-size:14px;font-weight:600;padding:14px 26px;border-radius:100px;cursor:pointer;transition:all .3s}.kviz .btn-ghost:hover{border-color:var(--foam-30);color:var(--foam-100)}