.quiz{color:#c6d2da;font-family:var(--font-jetbrains), ui-monospace, Menlo, monospace;background:0 0;width:100%;padding:40px 0;position:relative;overflow:hidden}.quiz__card{background:#0f1922;border:1px solid #1e2c37;border-radius:12px;max-width:760px;margin:0 auto;padding:44px;position:relative;box-shadow:0 24px 80px #0009}.quiz__head{letter-spacing:.2em;color:#5c6d79;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:11px;display:flex}.quiz__brand{color:#67c7eb}.quiz__progress{background:#22313c;height:2px;margin-bottom:36px}.quiz__progress i{background:#67c7eb;width:0;height:100%;transition:width .4s;display:block}.quiz .screen h2{color:#eef4f8;margin-bottom:14px;font-size:clamp(20px,3vw,28px);line-height:1.3}.quiz .screen p{color:#8fa1ad;margin-bottom:12px;font-size:14px;line-height:1.7}.quiz__meta{color:#67c7eb;letter-spacing:.18em;margin-bottom:10px;font-size:12px}.quiz .btn{color:#0a1118;cursor:pointer;background:#67c7eb;border:0;border-radius:4px;margin-top:10px;padding:14px 26px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 0 24px #67c7eb44}.quiz .btn--ghost{color:#c6d2da;box-shadow:none;background:0 0;border:1px solid #22313c;margin-left:10px}.quiz__micro{color:#5c6d79;margin-top:14px;font-size:12px}.quiz .opt{text-align:left;cursor:pointer;color:#c6d2da;background:#0a1118;border:1px solid #1e2c37;border-radius:6px;gap:14px;width:100%;margin-bottom:10px;padding:16px;font-family:inherit;font-size:13px;line-height:1.6;transition:border-color .2s,transform .15s;display:flex}.quiz .opt:hover{border-color:#67c7eb;transform:translate(4px)}.quiz .opt b{color:#67c7eb;flex-shrink:0}.quiz .opt--on{border-color:#67c7eb;box-shadow:0 0 18px #67c7eb33}.quiz__back{color:#5c6d79;cursor:pointer;background:0 0;border:0;margin-top:6px;font-family:inherit;font-size:12px}.quiz input{color:#eef4f8;background:#0a1118;border:1px solid #1e2c37;border-radius:4px;width:100%;margin-bottom:10px;padding:13px 14px;font-family:inherit;font-size:13px}.quiz input:focus{border-color:#67c7eb;outline:none}.quiz__cursor{color:#67c7eb;font-size:22px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.quiz .res__row{flex-wrap:wrap;align-items:center;gap:28px;margin:22px 0;display:flex}.quiz .res__gauge{--p:0;--tc:#67c7eb;background:conic-gradient(var(--tc) calc(var(--p) * 1%), #22313c 0);border-radius:50%;width:132px;height:132px;position:relative}.quiz .res__gauge-in{background:#0f1922;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:10px}.quiz .res__gauge-in strong{color:#eef4f8;font-size:34px}.quiz .res__gauge-in span{color:#8fa1ad;font-size:11px}.quiz .chip{letter-spacing:.18em;border:1px solid;border-radius:3px;padding:5px 12px;font-size:11px}.quiz .res__dims{gap:10px;margin:20px 0;display:grid}.quiz .res__dim{color:#8fa1ad;grid-template-columns:170px 1fr 34px;align-items:center;gap:12px;font-size:12px;display:grid}.quiz .res__dim .bar{background:#22313c;border-radius:2px;height:4px}.quiz .res__dim .bar i{background:var(--tc,#67c7eb);border-radius:2px;height:100%;display:block}.quiz .res__note{border-left:2px solid var(--tc,#67c7eb);color:#c6d2da;background:#0a1118;margin-bottom:10px;padding:12px 16px;font-size:13px;line-height:1.6}.quiz .res__note b{color:#eef4f8}@media (max-width:600px){.quiz__card{padding:28px}.quiz .res__dim{grid-template-columns:110px 1fr 30px}}.quiz-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000c;place-items:start center;padding:40px 16px;display:grid;position:fixed;inset:0;overflow:auto}.quiz-modal__inner{width:100%;max-width:820px;position:relative}.quiz-modal__x{z-index:2;color:#8fa1ad;cursor:pointer;background:#0f1922;border:1px solid #1e2c37;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex;position:absolute;top:-14px;right:0}.quiz-modal .quiz{padding:0}