.quiz-page{min-height:100svh;display:flex;flex-direction:column;padding-top:92px}.quiz-top{position:sticky;top:72px;z-index:30;background:linear-gradient(180deg,#000 60%,rgba(0,0,0,0));padding-bottom:22px}.quiz-meta{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:14px}.progress{height:2px;background:var(--line-soft);border-radius:2px;overflow:hidden}.progress-bar{height:100%;width:0;background:var(--fg);transition:width 0.6s var(--ease)}.quiz-body{flex:1;display:flex;align-items:flex-start;padding-block:clamp(30px,6vw,60px) 40px}.step-panel{display:none;width:100%}.step-panel.active{display:block;animation:stepIn 0.6s var(--ease) both}@keyframes stepIn{from{opacity:0;transform:translateY(16px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}.q-num{font-family:var(--font-mono);font-size:11px;letter-spacing:0.16em;color:var(--fg-dim);text-transform:uppercase}.q-title{margin-top:16px;font-size:clamp(27px,4.6vw,50px);font-weight:300;letter-spacing:-0.035em;line-height:1.06;max-width:18ch}.q-hint{margin-top:16px;font-size:15px;color:var(--fg-muted);max-width:56ch}.options{margin-top:38px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:860px}.options.one-col{grid-template-columns:1fr}.opt{position:relative;display:flex;align-items:center;gap:16px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;transition:all 0.35s var(--ease);text-align:left;width:100%}.opt:hover{background:var(--surface-hover);border-color:rgba(255,255,255,0.26)}.opt input{position:absolute;opacity:0;pointer-events:none}.opt-box{width:20px;height:20px;flex-shrink:0;border:1px solid rgba(255,255,255,0.3);border-radius:6px;display:grid;place-items:center;transition:all 0.3s var(--ease)}.opt-box::after{content:'';width:8px;height:8px;border-radius:2px;background:#000;transform:scale(0);transition:transform 0.25s var(--ease)}.opt input[type="radio"] + .opt-box{border-radius:50%}.opt input[type="radio"] + .opt-box::after{border-radius:50%}.opt input:checked + .opt-box{background:var(--fg);border-color:var(--fg)}.opt input:checked + .opt-box::after{transform:scale(1)}.opt input:focus-visible + .opt-box{box-shadow:0 0 0 3px rgba(255,255,255,0.25)}.opt-text b{display:block;font-size:16px;font-weight:400;letter-spacing:-0.015em}.opt-text span{display:block;margin-top:5px;font-size:13px;color:var(--fg-dim);line-height:1.5}.opt.selected{border-color:rgba(255,255,255,0.42);background:rgba(255,255,255,0.07)}.fields{margin-top:34px;max-width:620px;display:grid;gap:18px}.field label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:0.13em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:10px}.field input,.field textarea{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 18px;color:var(--fg);font-family:var(--font-sans);font-size:16px;font-weight:300;transition:all 0.3s var(--ease);resize:vertical}.field textarea{min-height:120px;line-height:1.6}.field input::placeholder,.field textarea::placeholder{color:#4a4a4a}.field input:focus,.field textarea:focus{outline:none;border-color:rgba(255,255,255,0.45);background:rgba(255,255,255,0.06)}.field.invalid input,.field.invalid textarea{border-color:#8a8a8a}.err{margin-top:20px;font-size:14px;color:var(--fg-muted);display:none}.err.show{display:block}.quiz-nav{position:sticky;bottom:0;background:linear-gradient(0deg,#000 62%,rgba(0,0,0,0));padding-block:24px 30px;display:flex;align-items:center;gap:12px;z-index:30}.quiz-nav .spacer{flex:1}.hint-key{font-family:var(--font-mono);font-size:11px;color:var(--fg-dim);letter-spacing:0.08em}.result{max-width:760px}.result-mark{width:56px;height:56px;border:1px solid var(--fg);border-radius:50%;display:grid;place-items:center;font-size:22px;margin-bottom:30px}.summary{margin-top:34px;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.summary-row{display:grid;grid-template-columns:210px 1fr;gap:20px;padding:16px 24px;border-bottom:1px solid var(--line-soft);font-size:15px}.summary-row:last-child{border-bottom:0}.summary-row dt{font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--fg-dim);padding-top:3px}.summary-row dd{color:#dcdcdc;line-height:1.6}.result-actions{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}.result-note{margin-top:22px;font-size:14px;color:var(--fg-dim);line-height:1.65}.send-status{display:none;margin-top:26px;padding:16px 20px;border:1px solid var(--line);border-radius:12px;font-size:15px;line-height:1.6;background:var(--surface)}.send-status.pending,.send-status.ok,.send-status.fail{display:block}.send-status.pending{color:var(--fg-muted)}.send-status.ok{color:var(--fg);border-color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.08)}.send-status.fail{color:var(--fg-muted);border-style:dashed}@media (max-width:760px){.options{grid-template-columns:1fr}.summary-row{grid-template-columns:1fr;gap:6px}.quiz-top{top:66px}.quiz-nav .hint-key{display:none}.quiz-nav .btn{flex:1 1 auto}}@media (max-width:900px){.nav .nav-actions .btn-ghost{display:inline-flex}}