:root{--o: #e84300;--o2: #c03a00;--o3: rgba(232, 67, 0, .12);--dk: #0d0b08;--dk2: #161410;--dk3: #1e1b16;--w: #f5f0e8;--w2: #ede8df;--fd: "Barlow Condensed", sans-serif;--fb: "Barlow", sans-serif;--green: #2ecc71;--red: #e74c3c;--yellow: #f39c12}.quiz-root,.quiz-root *{box-sizing:border-box}.quiz-root{min-height:100vh;background:var(--dk);color:var(--w);font-family:var(--fb);overflow-x:hidden}.screen{display:none;min-height:100vh}.screen.active{display:flex}#screen-cover{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;position:relative;overflow:hidden}.cover-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(232,67,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(232,67,0,.04) 1px,transparent 1px);background-size:48px 48px}.cover-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(232,67,0,.12) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.cover-logo{position:relative;font-family:var(--fd);font-weight:900;font-size:14px;letter-spacing:3px;color:#555;text-transform:uppercase;margin-bottom:48px}.cover-logo span{color:var(--o)}.cover-badge{display:inline-flex;align-items:center;gap:8px;background:#e843001a;border:1px solid rgba(232,67,0,.3);border-radius:2px;padding:6px 16px;font-family:var(--fd);font-size:11px;letter-spacing:3px;color:var(--o);text-transform:uppercase;margin-bottom:24px;position:relative}.cover-title{font-family:var(--fd);font-weight:900;font-size:clamp(48px,8vw,88px);line-height:.9;text-transform:uppercase;color:var(--w);margin-bottom:16px;position:relative}.cover-title span{color:var(--o);display:block}.cover-sub{font-size:16px;color:#888;line-height:1.6;max-width:480px;margin:0 auto 48px;position:relative}.cover-meta{display:flex;gap:32px;justify-content:center;margin-bottom:48px;position:relative}.cover-meta-item{text-align:center}.cover-meta-item .val{font-family:var(--fd);font-weight:900;font-size:32px;color:var(--o);display:block;line-height:1}.cover-meta-item .lbl{font-family:var(--fd);font-size:10px;letter-spacing:2px;color:#555;text-transform:uppercase}.btn-start{position:relative;background:var(--o);color:var(--w);border:none;border-radius:2px;padding:18px 48px;font-family:var(--fd);font-weight:900;font-size:18px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s}.btn-start:hover{background:var(--o2);transform:translateY(-2px);box-shadow:0 8px 32px #e843004d}.cover-disclaimer{position:relative;margin-top:20px;font-size:12px;color:#444}#screen-quiz{flex-direction:column;min-height:100vh}.quiz-header{background:var(--dk2);border-bottom:1px solid rgba(255,255,255,.05);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.quiz-logo{font-family:var(--fd);font-weight:900;font-size:16px;letter-spacing:1px;color:#fff;text-transform:uppercase}.quiz-logo span{color:var(--o)}.quiz-progress-info{font-family:var(--fd);font-size:13px;color:#666;letter-spacing:1px}.quiz-progress-info strong{color:var(--o)}.progress-bar-wrap{background:#ffffff0d;height:3px;flex-shrink:0}.progress-bar{height:100%;background:var(--o);transition:width .4s cubic-bezier(.4,0,.2,1)}.quiz-body{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px}.question-card{width:100%;max-width:720px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.q-topic{display:inline-flex;align-items:center;gap:8px;background:#e8430014;border:1px solid rgba(232,67,0,.2);border-radius:2px;padding:4px 12px;font-family:var(--fd);font-size:10px;letter-spacing:2px;color:var(--o);text-transform:uppercase;margin-bottom:20px}.q-num{font-family:var(--fd);font-weight:900;font-size:13px;color:#444;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.q-text{font-family:var(--fd);font-weight:700;font-size:clamp(22px,3vw,30px);color:var(--w);line-height:1.2;margin-bottom:32px}.options{display:flex;flex-direction:column;gap:10px}.option{background:var(--dk3);border:1px solid rgba(255,255,255,.08);border-radius:2px;padding:16px 20px;cursor:pointer;display:flex;align-items:flex-start;gap:14px;transition:all .15s;-webkit-user-select:none;user-select:none}.option:hover:not(.locked){border-color:#e8430066;background:#e843000f}.option-letter{width:28px;height:28px;border:1px solid rgba(255,255,255,.15);border-radius:2px;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:700;font-size:13px;color:#666;flex-shrink:0;transition:all .15s}.option-text{font-size:15px;color:#ccc;line-height:1.5;padding-top:2px;transition:color .15s}.option.selected{border-color:var(--o);background:#e8430014}.option.selected .option-letter{background:var(--o);border-color:var(--o);color:#fff}.option.selected .option-text{color:var(--w)}.option.correct{border-color:var(--green)!important;background:#2ecc7114!important}.option.correct .option-letter{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}.option.correct .option-text{color:#fff!important}.option.wrong{border-color:var(--red)!important;background:#e74c3c14!important}.option.wrong .option-letter{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}.option.locked{cursor:default}.feedback-box{margin-top:20px;padding:14px 18px;border-radius:2px;display:none;border-left:3px solid;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feedback-box.correct-fb{background:#2ecc7114;border-color:var(--green)}.feedback-box.wrong-fb{background:#e74c3c14;border-color:var(--red)}.fb-label{font-family:var(--fd);font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;display:block}.correct-fb .fb-label{color:var(--green)}.wrong-fb .fb-label{color:var(--red)}.fb-text{font-size:13px;color:#ccc;line-height:1.6}.quiz-footer{padding:20px 32px;display:flex;align-items:center;justify-content:space-between;background:var(--dk2);border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}.btn-next{background:var(--o);color:#fff;border:none;border-radius:2px;padding:12px 32px;font-family:var(--fd);font-weight:700;font-size:14px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;opacity:0;pointer-events:none;transition:all .2s}.btn-next.visible{opacity:1;pointer-events:all}.btn-next:hover{background:var(--o2)}.score-live{font-family:var(--fd);font-size:13px;color:#555;letter-spacing:1px}.score-live strong{color:var(--green)}#screen-result{flex-direction:column;align-items:center;padding:60px 24px;position:relative;overflow:hidden}.result-glow{position:absolute;width:800px;height:400px;background:radial-gradient(ellipse,rgba(232,67,0,.08) 0%,transparent 70%);top:0;left:50%;transform:translate(-50%);pointer-events:none}.result-logo{font-family:var(--fd);font-weight:900;font-size:13px;letter-spacing:3px;color:#444;text-transform:uppercase;margin-bottom:40px;position:relative}.result-logo span{color:var(--o)}.result-score-wrap{position:relative;margin-bottom:32px}.score-ring{width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid;position:relative}.score-ring.pass{border-color:var(--green);box-shadow:0 0 40px #2ecc7133}.score-ring.fail{border-color:var(--red);box-shadow:0 0 40px #e74c3c33}.score-ring.partial{border-color:var(--yellow);box-shadow:0 0 40px #f39c1233}.score-pct{font-family:var(--fd);font-weight:900;font-size:52px;line-height:1}.score-ring.pass .score-pct{color:var(--green)}.score-ring.fail .score-pct{color:var(--red)}.score-ring.partial .score-pct{color:var(--yellow)}.score-sub{font-family:var(--fd);font-size:11px;letter-spacing:2px;color:#666;text-transform:uppercase}.score-fraction{font-family:var(--fd);font-size:14px;color:#555;margin-top:4px;letter-spacing:1px}.result-verdict{text-align:center;margin-bottom:32px;position:relative}.verdict-badge{display:inline-flex;align-items:center;gap:8px;border-radius:2px;padding:6px 20px;font-family:var(--fd);font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.verdict-badge.pass{background:#2ecc711a;border:1px solid rgba(46,204,113,.3);color:var(--green)}.verdict-badge.fail{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:var(--red)}.verdict-badge.partial{background:#f39c121a;border:1px solid rgba(243,156,18,.3);color:var(--yellow)}.verdict-title{font-family:var(--fd);font-weight:900;font-size:clamp(32px,5vw,52px);line-height:.95;text-transform:uppercase;color:var(--w);margin-bottom:10px}.verdict-desc{font-size:15px;color:#888;line-height:1.6;max-width:500px;margin:0 auto}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:680px;margin-bottom:32px;position:relative}.result-stat{background:var(--dk3);border:1px solid rgba(255,255,255,.06);border-radius:2px;padding:20px;text-align:center}.rs-val{font-family:var(--fd);font-weight:900;font-size:40px;line-height:1;display:block;margin-bottom:6px}.rs-val.green{color:var(--green)}.rs-val.red{color:var(--red)}.rs-val.orange{color:var(--o)}.rs-lbl{font-family:var(--fd);font-size:11px;letter-spacing:1px;color:#555;text-transform:uppercase}.study-plan{width:100%;max-width:680px;background:var(--dk2);border:1px solid rgba(255,255,255,.06);border-radius:2px;margin-bottom:32px;overflow:hidden;position:relative}.sp-header{background:#e8430014;border-bottom:1px solid rgba(255,255,255,.05);padding:16px 24px;display:flex;align-items:center;gap:10px}.sp-icon{font-size:20px}.sp-header-text h3{font-family:var(--fd);font-weight:700;font-size:16px;text-transform:uppercase;color:var(--w);margin-bottom:2px}.sp-header-text p{font-size:12px;color:#666}.sp-body{padding:20px 24px}.sp-all-good{display:flex;align-items:center;gap:12px;padding:12px 0}.sp-all-good .icon{font-size:28px}.sp-all-good p{font-size:14px;color:#aaa;line-height:1.6}.sp-all-good strong{color:var(--green)}.sp-area{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.sp-area:last-child{border-bottom:none}.sp-area-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.sp-area-dot.red{background:var(--red)}.sp-area-dot.yellow{background:var(--yellow)}.sp-area-body h4{font-family:var(--fd);font-weight:700;font-size:14px;text-transform:uppercase;color:var(--w);margin-bottom:4px}.sp-area-body .cap{font-family:var(--fd);font-size:11px;letter-spacing:1px;color:var(--o);text-transform:uppercase;margin-bottom:4px;display:block}.sp-area-body p{font-size:12px;color:#777;line-height:1.5}.questions-review{width:100%;max-width:680px;margin-bottom:32px;position:relative}.qr-header{font-family:var(--fd);font-size:11px;letter-spacing:3px;color:#444;text-transform:uppercase;margin-bottom:12px}.qr-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:2px;margin-bottom:6px;background:var(--dk3);border:1px solid rgba(255,255,255,.04)}.qr-icon{font-size:14px;flex-shrink:0}.qr-text{font-size:12px;color:#888;flex:1;line-height:1.4}.qr-label{font-family:var(--fd);font-size:9px;letter-spacing:1px;text-transform:uppercase;flex-shrink:0}.qr-label.ok{color:var(--green)}.qr-label.nok{color:var(--red)}.btn-retry{background:transparent;color:var(--o);border:1px solid rgba(232,67,0,.4);border-radius:2px;padding:14px 36px;font-family:var(--fd);font-weight:700;font-size:14px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s;position:relative}.btn-retry:hover{background:#e8430014;border-color:var(--o)}.clinic-field{margin:28px auto 20px;max-width:360px;width:100%;display:flex;flex-direction:column;gap:8px;text-align:left}.clinic-field label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--o)}.clinic-field input{background:#ffffff0a;border:2px solid rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:15px;font-weight:500;padding:14px 16px;outline:none;transition:border-color .15s,background .15s;border-radius:2px}.clinic-field input::placeholder{color:#ffffff59}.clinic-field input:focus{border-color:var(--o);background:#ffffff12}.clinic-tag{text-align:center;font-size:13px;color:#ffffffb3;letter-spacing:1px;text-transform:uppercase;margin:4px 0 12px}.clinic-tag strong{color:var(--o)}.send-status{text-align:center;font-size:13px;font-weight:600;padding:10px 16px;margin:0 auto 20px;max-width:480px;border-radius:2px;min-height:20px}.send-sending{background:#e843001f;color:var(--o);border:1px solid rgba(232,67,0,.3)}.send-sent{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.send-error{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.send-idle{background:transparent}