.sktc-crumb a{color:#2f5bea}
.skq-hero-card{position:relative;width:100%;max-width:440px;margin:10px auto;background:#fff;border:1px solid #e6e9f2;border-radius:24px;padding:26px;box-shadow:0 40px 80px -40px rgba(20,30,80,.45);text-align:center}
.skq-gauge{position:relative;width:220px;height:120px;margin:6px auto 0;overflow:hidden}
.skq-gauge:before{content:"";position:absolute;inset:0 0 -100px 0;border-radius:50%;background:conic-gradient(from 270deg,#16a34a 0 60deg,#f59e0b 60deg 120deg,#e5383b 120deg 180deg,transparent 180deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 62px,#000 63px);mask:radial-gradient(circle at 50% 50%,transparent 62px,#000 63px)}
.skq-needle{position:absolute;left:50%;bottom:0;width:4px;height:92px;margin-left:-2px;background:#0f1733;border-radius:4px;transform-origin:bottom center;animation:skqNeedle 3.5s ease-in-out infinite alternate}
.skq-needle:after{content:"";position:absolute;left:-7px;bottom:-9px;width:18px;height:18px;border-radius:50%;background:#0f1733}
@keyframes skqNeedle{from{transform:rotate(-70deg)}to{transform:rotate(55deg)}}
.skq-hero-card b{display:block;font-size:15px;font-weight:800;margin-top:18px;color:#0f1733}
.skq-hero-card small{display:block;font-size:13px;color:#5b6480;margin-top:4px}
.skq-legend{display:flex;justify-content:center;gap:14px;margin-top:14px;font-size:12px;font-weight:700;color:#5b6480}
.skq-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
/* quiz */
.skq{max-width:820px;margin:34px auto 0}
.skq-prog{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.skq-prog div{flex:1;height:8px;border-radius:9px;background:#e9ecf6;overflow:hidden}
.skq-prog div i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2f5bea,#6a4cf0);border-radius:9px;transition:width .4s}
.skq-prog span{font-size:13px;font-weight:800;color:#5b6480;min-width:48px;text-align:right}
.skq-q{background:#fff;border:1px solid #e6e9f2;border-radius:20px;padding:22px 24px;margin-bottom:14px;transition:.25s}
.skq-q.done{border-color:#cfd6f6}
.skq-q .t{display:flex;gap:12px;align-items:flex-start}
.skq-q .n{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#2f5bea,#6a4cf0);color:#fff;font-weight:800;font-size:14px}
.skq-q small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6a4cf0}
.skq-q p{margin:2px 0 0;font-size:16px;font-weight:700;line-height:1.45;color:#0f1733}
.skq-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.skq-opts label{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;border:1.5px solid #e6e9f2;border-radius:14px;padding:12px 14px;font-size:14.5px;color:#39415c;background:#fafbff;transition:.2s;line-height:1.4}
.skq-opts label:hover{border-color:#b9c3f3}
.skq-opts input{position:absolute;opacity:0;pointer-events:none}
.skq-opts label:before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:2px solid #c3cae0;background:#fff;transition:.2s}
.skq-opts label.y:has(input:checked){border-color:#16a34a;background:#f0fdf4;color:#0f1733;font-weight:700}
.skq-opts label.y:has(input:checked):before{border-color:#16a34a;background:#16a34a;box-shadow:inset 0 0 0 3px #fff}
.skq-opts label.x:has(input:checked){border-color:#e5383b;background:#fef2f2;color:#0f1733;font-weight:700}
.skq-opts label.x:has(input:checked):before{border-color:#e5383b;background:#e5383b;box-shadow:inset 0 0 0 3px #fff}
.sktc button.skq-go{width:100%;font:inherit;font-size:17px;font-weight:800;color:#fff;border:0;border-radius:16px;padding:17px;cursor:pointer;background:linear-gradient(135deg,#2f5bea,#6a4cf0);box-shadow:0 18px 34px -16px rgba(80,90,240,.9);transition:.25s;text-transform:none;letter-spacing:0}
.sktc button.skq-go:hover{transform:translateY(-2px);background:linear-gradient(135deg,#2f5bea,#6a4cf0)}
.skq-err{display:none;text-align:center;color:#c2272d;font-weight:700;font-size:14px;margin:10px 0 0}
.skq-res{display:none;margin-top:26px;border-radius:24px;padding:28px;border:1px solid #e6e9f2;background:#fff;box-shadow:0 40px 80px -50px rgba(20,30,80,.55)}
.skq-res .top{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.skq-ring{--p:0;--c:#e5383b;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p)*1%),#eef0f6 0)}
.skq-ring div{width:100px;height:100px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center}
.skq-ring b{font-size:30px;font-weight:800;line-height:1;color:var(--c)}
.skq-ring small{display:block;font-size:11px;font-weight:700;color:#8a93ad}
.skq-res h3{font-size:22px;font-weight:800;margin:0 0 6px}
.skq-res .d{margin:0;font-size:15px;line-height:1.65;color:#39415c}
.skq-fix{margin-top:22px;display:grid;gap:10px}
.skq-fix h4{font-size:15px;font-weight:800;margin:0 0 4px;color:#0f1733}
.sktc a.skq-f{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #f3d3d3;background:#fffafa;border-radius:14px;padding:12px 14px;text-decoration:none;transition:.2s}
.sktc a.skq-f:hover{border-color:#2f5bea;background:#f7f8ff}
.skq-f i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fdecec;color:#e5383b;font-style:normal;font-weight:800}
.skq-f span{font-size:14.5px;color:#0f1733;font-weight:600;line-height:1.4}
.skq-f span small{display:block;font-size:12.5px;color:#5b6480;font-weight:500}
.skq-f em{font-style:normal;font-size:13px;font-weight:800;color:#2f5bea;white-space:nowrap}
.skq-ok{padding:14px;border-radius:14px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-weight:700;font-size:14.5px}
.skq-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.sktc .skq-cta a{flex:1;min-width:220px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:800;font-size:15.5px;color:#fff!important;text-decoration:none;border-radius:14px;padding:15px 18px;transition:.2s}
.sktc .skq-cta a:hover{transform:translateY(-2px)}
.skq-cta .c{background:linear-gradient(135deg,#2f5bea,#6a4cf0)}.skq-cta .w{background:#25d366}
.skq-reset{display:block;margin:14px auto 0;background:none!important;border:0;color:#5b6480!important;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:underline;text-transform:none;letter-spacing:0;padding:4px}
/* templates */
.skq-tpls{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.skq-tpl{display:flex;flex-direction:column;background:#fff;border:1px solid #e6e9f2;border-radius:22px;overflow:hidden}
.skq-tpl .h{padding:18px 20px;border-bottom:1px solid #eef0f6}
.skq-tpl .h b{display:block;font-size:16.5px;font-weight:800}
.skq-tpl .h small{font-size:13px;color:#5b6480}
.skq-chat{flex:1;padding:18px;background:#efeae2 radial-gradient(rgba(0,0,0,.035) 1px,transparent 1.2px) 0 0/14px 14px}
.skq-bub{position:relative;background:#dcf8c6;border-radius:12px 12px 12px 3px;padding:12px 14px 20px;font-size:14px;line-height:1.55;color:#111b21;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.skq-bub:after{content:"✓✓";position:absolute;right:10px;bottom:4px;font-size:11px;color:#34b7f1}
.skq-bub mark{background:#fff3c4;border-radius:4px;padding:0 3px;color:#6b4e00}
.sktc button.skq-copy{margin:14px 18px 18px;font:inherit;font-size:14px;font-weight:800;border:1.5px solid #25d366;color:#128c4a;background:#fff;border-radius:12px;padding:11px;cursor:pointer;transition:.2s;text-transform:none;letter-spacing:0}
.sktc button.skq-copy:hover{background:#25d366;color:#fff}
@media(max-width:900px){.skq-tpls{grid-template-columns:1fr}}
@media(max-width:640px){.skq-opts{grid-template-columns:1fr}.skq-res .top{grid-template-columns:1fr;justify-items:center;text-align:center}.skq-res{padding:22px}}