:root{--blue-dark: #0d1f3c;--blue-mid: #1a3560;--blue-light: #2a4f8f;--saffron: #FF9933;--saffron-dark:#e07a10;--white: #ffffff;--off-white: #f5f7fa;--gray-light: #e8edf5;--gray-mid: #9aa5b8;--gray-dark: #4a5568;--green: #22c55e;--green-bg: #dcfce7;--red: #ef4444;--red-bg: #fee2e2;--yellow-bg: #fef9c3;--yellow: #ca8a04;--font-main: "Segoe UI", system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 3px rgba(0,0,0,.12);--shadow-md: 0 4px 16px rgba(13,31,60,.12);--shadow-lg: 0 8px 32px rgba(13,31,60,.18);--radius: 10px;--radius-lg: 16px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background:var(--off-white);color:var(--blue-dark);min-height:100vh;line-height:1.6}.container{width:100%;max-width:860px;margin:0 auto;padding:0 1rem}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.navbar{background:var(--blue-dark);color:var(--white);padding:.85rem 1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.navbar-logo{font-size:1.5rem}.navbar-title{font-size:1.1rem;font-weight:700;letter-spacing:.02em;color:var(--saffron)}.navbar-subtitle{font-size:.75rem;color:var(--gray-mid);margin-left:auto}.home-hero{background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-mid) 60%,#1e4080 100%);color:var(--white);padding:4rem 1.5rem 3rem;text-align:center}.home-hero h1{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;margin-bottom:.5rem;line-height:1.2}.home-hero h1 span{color:var(--saffron)}.home-hero p{font-size:1.05rem;color:#c8d4e8;max-width:540px;margin:0 auto 2rem}.home-cta-btn{display:inline-block;background:var(--saffron);color:var(--blue-dark);font-size:1.05rem;font-weight:700;padding:.85rem 2.5rem;border-radius:50px;border:none;cursor:pointer;text-decoration:none;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);box-shadow:0 4px 14px #f936}.home-cta-btn:hover{background:var(--saffron-dark);transform:translateY(-2px);box-shadow:0 6px 20px #ff993380}.home-content{padding:3rem 1.5rem}.home-content h2{font-size:1.4rem;color:var(--blue-mid);margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:3px solid var(--saffron);display:inline-block}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2.5rem}.info-card{background:var(--white);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow-sm);border-left:4px solid var(--saffron);transition:box-shadow var(--transition),transform var(--transition)}.info-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.info-card h3{font-size:.95rem;color:var(--blue-mid);font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.info-card p,.info-card ul{font-size:.875rem;color:var(--gray-dark);line-height:1.7}.info-card ul{padding-left:1.1rem}.stats-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.stat-box{flex:1;min-width:120px;background:var(--blue-dark);color:var(--white);border-radius:var(--radius);padding:1.2rem 1rem;text-align:center}.stat-box .stat-num{font-size:2rem;font-weight:800;color:var(--saffron);display:block}.stat-box .stat-label{font-size:.78rem;color:var(--gray-mid);margin-top:.2rem}.quote-box{background:linear-gradient(135deg,var(--blue-mid),var(--blue-dark));color:var(--white);border-radius:var(--radius-lg);padding:2rem 2.5rem;text-align:center;position:relative;overflow:hidden;margin-bottom:2.5rem}.quote-box:before{content:'"';position:absolute;top:-.5rem;left:1rem;font-size:6rem;color:#ff993326;font-family:Georgia,serif;line-height:1}.quote-text{font-size:clamp(1rem,2.5vw,1.2rem);font-style:italic;line-height:1.7;position:relative;z-index:1;transition:opacity .4s ease}.quote-author{margin-top:.75rem;font-size:.85rem;color:var(--saffron);font-weight:600;position:relative;z-index:1}.quote-refresh-btn{margin-top:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--white);padding:.4rem 1rem;border-radius:20px;cursor:pointer;font-size:.8rem;transition:background var(--transition);position:relative;z-index:1}.quote-refresh-btn:hover{background:#fff3}.setup-page{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.setup-card{background:var(--white);border-radius:var(--radius-lg);padding:2.5rem 2rem;width:100%;max-width:460px;box-shadow:var(--shadow-lg)}.setup-card h2{font-size:1.6rem;color:var(--blue-dark);margin-bottom:.4rem}.setup-card .setup-subtitle{color:var(--gray-mid);font-size:.9rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.9rem;font-weight:600;color:var(--blue-mid);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:2px solid var(--gray-light);border-radius:var(--radius);font-size:1rem;font-family:var(--font-main);color:var(--blue-dark);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-input:focus{border-color:var(--saffron);box-shadow:0 0 0 3px #ff993326}.form-input.error{border-color:var(--red)}.form-error{color:var(--red);font-size:.82rem;margin-top:.4rem}.form-hint{color:var(--gray-mid);font-size:.82rem;margin-top:.35rem}.quick-select-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.quick-btn{padding:.35rem .85rem;border:2px solid var(--gray-light);border-radius:20px;background:var(--white);cursor:pointer;font-size:.82rem;font-weight:600;color:var(--blue-mid);transition:all var(--transition)}.quick-btn:hover,.quick-btn.active{border-color:var(--saffron);background:var(--saffron);color:var(--blue-dark)}.setup-options{margin-bottom:1.75rem}.setup-options label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-dark);cursor:pointer;margin-bottom:.5rem}.start-btn{width:100%;background:var(--blue-dark);color:var(--white);font-size:1rem;font-weight:700;padding:.9rem;border:none;border-radius:var(--radius);cursor:pointer;transition:background var(--transition),transform var(--transition)}.start-btn:hover:not(:disabled){background:var(--blue-light);transform:translateY(-1px)}.start-btn:disabled{opacity:.5;cursor:not-allowed}.test-header{background:var(--blue-dark);color:var(--white);padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-md)}.test-header-left{display:flex;align-items:center;gap:.75rem}.test-title{font-size:.95rem;font-weight:700;color:var(--saffron)}.question-counter{font-size:.82rem;color:var(--gray-mid);background:#ffffff14;padding:.25rem .65rem;border-radius:20px}.timer{display:flex;align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;background:#ffffff14;padding:.3rem .75rem;border-radius:8px;transition:background var(--transition)}.timer.warning{background:#f933;color:var(--saffron);animation:pulse 1s infinite}.timer.danger{background:#ef444440;color:#fca5a5;animation:pulse .6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.test-body{padding:2rem 1rem;flex:1}.progress-bar-wrapper{margin-bottom:1.5rem}.progress-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--gray-dark);margin-bottom:.4rem}.progress-track{width:100%;height:8px;background:var(--gray-light);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--saffron),var(--saffron-dark));border-radius:99px;transition:width .4s ease}.progress-dots{display:flex;gap:4px;flex-wrap:wrap;margin-top:.75rem}.progress-dot{width:10px;height:10px;border-radius:50%;background:var(--gray-light);transition:background .2s;cursor:pointer;border:none;padding:0}.progress-dot.answered{background:var(--saffron)}.progress-dot.current{background:var(--blue-light);box-shadow:0 0 0 2px var(--blue-mid)}.question-card{background:var(--white);border-radius:var(--radius-lg);padding:2rem 1.75rem;box-shadow:var(--shadow-md);margin-bottom:1.5rem;animation:fadeSlide .25s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.question-badge{display:inline-block;background:var(--blue-dark);color:var(--saffron);font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:6px;margin-bottom:1rem;letter-spacing:.05em;text-transform:uppercase}.question-text{font-size:clamp(1rem,2.5vw,1.15rem);font-weight:600;color:var(--blue-dark);line-height:1.65;margin-bottom:1.5rem}.options-list{list-style:none;display:flex;flex-direction:column;gap:.65rem}.option-item{position:relative}.option-label{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border:2px solid var(--gray-light);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);font-size:.93rem;color:var(--blue-dark);line-height:1.5;-webkit-user-select:none;user-select:none}.option-label:hover{border-color:var(--saffron);background:#ff99330a}.option-label.selected{border-color:var(--blue-light);background:#2a4f8f12}.option-radio{position:absolute;opacity:0;width:0;height:0}.option-marker{width:20px;height:20px;min-width:20px;border:2px solid var(--gray-mid);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition);margin-top:1px}.option-label.selected .option-marker{border-color:var(--blue-light);background:var(--blue-light)}.option-label.selected .option-marker:after{content:"";width:8px;height:8px;background:#fff;border-radius:50%;display:block}.option-key{font-size:.72rem;font-weight:700;color:var(--gray-mid);background:var(--gray-light);border-radius:4px;padding:.1rem .35rem;min-width:22px;text-align:center;margin-left:auto;flex-shrink:0}.option-label.selected .option-key{background:var(--blue-light);color:#fff}.test-nav{display:flex;gap:.75rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.nav-btn{padding:.7rem 1.5rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;border:2px solid transparent;transition:all var(--transition)}.nav-btn.prev{background:var(--white);border-color:var(--gray-light);color:var(--blue-mid)}.nav-btn.prev:hover:not(:disabled){border-color:var(--blue-light);background:var(--gray-light)}.nav-btn.next{background:var(--blue-dark);color:var(--white)}.nav-btn.next:hover:not(:disabled){background:var(--blue-light)}.nav-btn.submit{background:var(--saffron);color:var(--blue-dark);font-weight:700}.nav-btn.submit:hover{background:var(--saffron-dark);transform:translateY(-1px)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.unattempted-warning{background:var(--yellow-bg);border:1px solid #fde68a;color:var(--yellow);border-radius:var(--radius);padding:.6rem .9rem;font-size:.82rem;font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.result-page{padding:2rem 1rem;flex:1}.score-hero{background:linear-gradient(135deg,var(--blue-dark),var(--blue-mid));color:var(--white);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;margin-bottom:2rem;position:relative;overflow:hidden}.score-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;border-radius:50%;background:#ff993314}.score-hero h2{font-size:1.1rem;color:var(--gray-mid);margin-bottom:.5rem}.score-circle{display:inline-flex;align-items:center;justify-content:center;width:130px;height:130px;border-radius:50%;border:6px solid var(--saffron);margin:1rem auto;flex-direction:column}.score-pct{font-size:2.2rem;font-weight:800;color:var(--saffron);line-height:1}.score-label{font-size:.7rem;color:var(--gray-mid);letter-spacing:.1em;text-transform:uppercase}.score-grade{font-size:1rem;font-weight:700;margin-top:.5rem;color:var(--saffron)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.result-stat{background:var(--white);border-radius:var(--radius);padding:1.25rem 1rem;text-align:center;box-shadow:var(--shadow-sm)}.result-stat .rs-num{font-size:2rem;font-weight:800;display:block;line-height:1}.result-stat.correct .rs-num{color:var(--green)}.result-stat.wrong .rs-num{color:var(--red)}.result-stat.skipped .rs-num{color:var(--yellow)}.result-stat .rs-label{font-size:.78rem;color:var(--gray-mid);margin-top:.3rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.result-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.result-btn{flex:1;padding:.85rem 1rem;border-radius:var(--radius);font-size:.95rem;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;border:none;transition:all var(--transition);min-width:140px}.result-btn.primary{background:var(--blue-dark);color:var(--white)}.result-btn.primary:hover{background:var(--blue-light);transform:translateY(-1px)}.result-btn.secondary{background:var(--white);border:2px solid var(--gray-light);color:var(--blue-mid)}.result-btn.secondary:hover{border-color:var(--saffron);background:var(--gray-light)}.review-section h3{font-size:1.2rem;color:var(--blue-dark);margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:3px solid var(--saffron);display:inline-block}.review-item{background:var(--white);border-radius:var(--radius);padding:1.4rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);border-left:5px solid var(--gray-light)}.review-item.correct{border-left-color:var(--green)}.review-item.wrong{border-left-color:var(--red)}.review-item.skipped{border-left-color:var(--yellow)}.review-q-num{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.5rem}.review-item.correct .review-q-num{color:var(--green)}.review-item.wrong .review-q-num{color:var(--red)}.review-item.skipped .review-q-num{color:var(--yellow)}.review-q-text{font-size:.95rem;font-weight:600;color:var(--blue-dark);margin-bottom:.9rem;line-height:1.55}.review-answers{display:flex;flex-direction:column;gap:.4rem}.review-answer-row{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem}.review-answer-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.15rem .45rem;border-radius:4px;white-space:nowrap;flex-shrink:0;margin-top:1px}.tag-correct,.tag-user-correct{background:var(--green-bg);color:var(--green)}.tag-user-wrong{background:var(--red-bg);color:var(--red)}.tag-skipped{background:var(--yellow-bg);color:var(--yellow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--white);border-radius:var(--radius-lg);padding:2rem 1.75rem;max-width:420px;width:100%;box-shadow:var(--shadow-lg);animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-box h3{font-size:1.25rem;color:var(--blue-dark);margin-bottom:.6rem}.modal-box p{color:var(--gray-dark);font-size:.9rem;margin-bottom:.4rem}.modal-stats{background:var(--off-white);border-radius:var(--radius);padding:.85rem 1rem;margin:1rem 0;font-size:.875rem}.modal-stats div{display:flex;justify-content:space-between;padding:.2rem 0}.modal-actions{display:flex;gap:.75rem;margin-top:1.25rem}.modal-actions button{flex:1;padding:.75rem;border-radius:var(--radius);font-size:.9rem;font-weight:700;cursor:pointer;border:none;transition:all var(--transition)}.modal-cancel{background:var(--gray-light);color:var(--gray-dark)}.modal-cancel:hover{background:#d1d9e8}.modal-confirm{background:var(--saffron);color:var(--blue-dark)}.modal-confirm:hover{background:var(--saffron-dark)}.footer{background:var(--blue-dark);color:var(--gray-mid);text-align:center;padding:1.25rem;font-size:.8rem;margin-top:auto}.footer a{color:var(--saffron);text-decoration:none}@media (max-width: 600px){.test-header{padding:.65rem 1rem}.question-card{padding:1.5rem 1.1rem}.result-stats{grid-template-columns:repeat(3,1fr);gap:.6rem}.result-stat{padding:1rem .6rem}.result-stat .rs-num{font-size:1.5rem}.score-circle{width:110px;height:110px}.score-pct{font-size:1.8rem}.test-nav{gap:.5rem}.nav-btn{padding:.6rem 1rem;font-size:.85rem}.modal-box{padding:1.5rem 1.25rem}}@media (max-width: 400px){.result-stats{grid-template-columns:1fr}}