*{margin:0;padding:0;box-sizing:border-box}body{margin:0;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.report-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.report-modal{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.report-modal h3{margin:0 0 1rem;font-size:1.3rem;color:#001829}.report-question-preview{background:#f8f9fa;padding:.75rem 1rem;border-radius:8px;font-style:italic;color:#444;font-size:.9rem;margin-bottom:1rem;border-left:4px solid #d60000;line-height:1.5}.report-label{display:block;font-weight:600;margin-bottom:.5rem;color:#001829;font-size:.95rem}.report-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;transition:border-color .2s;box-sizing:border-box}.report-textarea:focus{outline:none;border-color:#001829}.report-actions{display:flex;gap:.75rem;margin-top:1.25rem}.btn-report-submit{background:#d60000;color:#fff;border:none;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;font-size:.95rem;transition:background .2s}.btn-report-submit:hover{background:#b91c1c}.btn-report-cancel{background:#f3f4f6;color:#001829;border:2px solid #e5e7eb;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;font-size:.95rem;transition:all .2s}.btn-report-cancel:hover{background:#e5e7eb}.report-success{text-align:center;padding:1.5rem;font-size:1.1rem;color:#059669;font-weight:600}.report-error{color:#ef4444;font-size:.85rem;margin-top:.5rem;font-weight:500}.feedback-input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.feedback-input:focus{outline:none;border-color:#001829}.badge-feedback-new{background:#dbeafe;color:#1d4ed8;padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}.badge-feedback-read{background:#fef3c7;color:#92400e;padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}.badge-feedback-resolved{background:#d1fae5;color:#065f46;padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}.custom-select-options{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 30px #00000026;list-style:none;margin:0;padding:.5rem 0;z-index:500;max-height:280px;overflow-y:auto;animation:customSelectDrop .15s ease-out}@keyframes customSelectDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.state-selector-container{min-height:100vh;background:#f3f4f6;display:flex;flex-direction:column}.brand-header{text-align:center;padding:1.25rem 2rem 1rem;padding-top:calc(1.25rem + 64px);background:#001829;color:#fff;position:fixed;top:0;left:0;right:0;z-index:90}.brand-logo{width:240px;max-width:55%;height:auto;margin:0 auto .5rem;object-fit:contain;display:block;background:#fff;padding:.6rem;border-radius:8px;box-shadow:0 2px 6px #00000026}.brand-header h1{font-size:3rem;margin:0 0 .5rem;font-weight:700}.brand-header h2{font-size:1.3rem;margin:0 0 .15rem;font-weight:600}.brand-header .tagline{font-size:.95rem;opacity:.9;margin:0}.state-selector-content{max-width:1200px;margin:0 auto;padding:0 2rem}.state-selector-card{background:#fff;padding:2rem 2.5rem;border-radius:12px;box-shadow:0 4px 16px #00000014;max-width:700px;margin:0 auto 1.5rem;margin-top:280px;text-align:center}.state-selector-card h3{font-size:1.6rem;margin-bottom:.4rem;color:#001829;font-weight:700}.state-selector-card p{color:#666;margin-bottom:1.25rem;font-size:1rem}.state-selector-card form{display:flex;flex-direction:column;gap:1rem;align-items:center}.state-selector-card select{width:100%;max-width:400px;padding:.85rem 1rem;font-size:1.05rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .3s}.state-selector-card select:hover{border-color:#d60000}.state-selector-card select:focus{outline:none;border-color:#001829}.custom-select{position:relative;width:100%;max-width:400px}.custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;font-size:.95rem;font-weight:500;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#999;cursor:pointer;transition:border-color .2s,box-shadow .2s;text-align:left}.custom-select-trigger.has-value{color:#001829;font-weight:600}.custom-select-trigger:hover{border-color:#d60000}.custom-select-trigger:focus{outline:none;border-color:#001829;box-shadow:0 0 0 3px #0018291a}.custom-select-arrow{font-size:1rem;color:#001829;transition:transform .2s}.custom-select-arrow.open{transform:rotate(180deg)}.custom-select-options{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 30px #00000026;list-style:none;margin:0;padding:.5rem 0;z-index:500;max-height:280px;overflow-y:auto;animation:selectDrop .15s ease-out}@keyframes selectDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{padding:.65rem 1.25rem;font-size:.95rem;font-weight:500;color:#001829;cursor:pointer;transition:background .15s;border-bottom:1px solid #f0f0f0}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background:#f0f4f8;color:#d60000}.custom-select-option.selected{background:#001829;color:#fff;font-weight:700}.btn-primary{background:#d60000;color:#fff;padding:.85rem 2.5rem;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s,box-shadow .2s,background .3s;box-shadow:0 2px 4px #0000001a}.btn-primary:hover{background:#b00000;transform:translateY(-2px);box-shadow:0 4px 8px #d600004d}.btn-primary:active{transform:translateY(0)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1100px;margin:0 auto;padding:0 2rem 2rem}.feature-card{background:#fff;padding:2rem 1.5rem;border-radius:10px;text-align:center;transition:transform .25s,box-shadow .25s,border-color .25s;border:1px solid #e5e7eb;border-left:4px solid #d60000;box-shadow:0 1px 3px #0000000f}.feature-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a;border-color:#d60000}.feature-icon{font-size:2.5rem;margin-bottom:.75rem}.feature-card h4{color:#001829;margin-bottom:.4rem;font-size:1.15rem;font-weight:700}.feature-card p{color:#555;font-size:.9rem;line-height:1.45}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}.modal-content{background:#fff;padding:2.5rem;border-radius:12px;max-width:500px;width:90%;position:relative;animation:slideUp .3s;box-shadow:0 10px 40px #0003}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#666;line-height:1;padding:.25rem .5rem;transition:color .2s}.modal-close:hover{color:#d60000}.modal-content h3{font-size:1.8rem;margin-bottom:.5rem;color:#001829}.modal-content p{color:#666;margin-bottom:1.5rem}.modal-content form{display:flex;flex-direction:column;gap:1.5rem;align-items:center}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1.5rem 2rem}}@media(max-width:768px){.brand-header{padding:.75rem 1rem .6rem;padding-top:calc(.75rem + 52px)}.brand-logo{width:160px}.brand-header h2{font-size:1rem}.brand-header .tagline{font-size:.8rem}.state-selector-card{margin-top:220px;margin-left:1rem;margin-right:1rem;padding:1.5rem}.state-selector-card h3{font-size:1.3rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0 1rem 1.5rem}.feature-card{padding:1.25rem 1rem}.feature-icon{font-size:2rem}.feature-card h4{font-size:.95rem}.feature-card p{font-size:.8rem}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}.state-selector-card{margin-left:.75rem;margin-right:.75rem;padding:1.25rem}.brand-header h2{font-size:.95rem}}.dashboard-container{min-height:100vh;background:#f3f4f6}.dashboard-header{background:#fff;padding:0;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000f;position:fixed;top:0;left:0;right:0;z-index:100}.dashboard-content{max-width:1200px;margin:0 auto;padding:2rem;padding-top:calc(64px + 2rem)}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;padding:0 2rem;min-height:64px;flex-wrap:wrap}.dashboard-logo{height:40px;width:auto;object-fit:contain;margin-right:1rem}.clickable-logo{cursor:pointer;transition:opacity .2s}.clickable-logo:hover{opacity:.7}.header-nav{display:flex;align-items:center;gap:2rem;flex:1;justify-content:center;flex-wrap:wrap}.nav-link{background:none;border:none;color:#001829;font-size:.85rem;font-weight:600;letter-spacing:1px;cursor:pointer;padding:.25rem 0;position:relative;transition:color .2s}.nav-link:hover{color:#d60000}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#d60000;transition:width .2s}.nav-link:hover:after{width:100%}.nav-state{color:#d60000;cursor:default}.nav-state:hover{color:#d60000}.nav-state:after{display:none}.nav-active{color:#d60000}.nav-active:after{width:100%!important}.header-right{position:relative;margin-left:1rem}.nav-cta{background:#d60000;color:#fff;border:none;padding:.65rem 1.5rem;border-radius:6px;font-size:.85rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;white-space:nowrap}.nav-cta:hover{background:#b00000;transform:translateY(-1px);box-shadow:0 4px 12px #d600004d}.user-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background:#001829;border-radius:10px;box-shadow:0 8px 30px #00000059;min-width:180px;overflow:hidden;z-index:1000;animation:dropdownFade .15s ease-out;border:1px solid rgba(255,255,255,.1)}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;width:100%;padding:.75rem 1.25rem;border:none;background:none;color:#fff;font-size:.95rem;text-align:left;cursor:pointer;transition:background .2s}.dropdown-item:hover{background:#ffffff1a}.dropdown-item-logout{color:#ff6b6b}.dropdown-item-logout:hover{background:#d6000026}.dropdown-divider{height:1px;background:#ffffff1f;margin:.25rem 0}.welcome-section{text-align:center;margin-bottom:3rem}.welcome-section h2{color:#001829;margin-bottom:.5rem}.welcome-section p{color:#666;font-size:1.1rem}.streak-banner{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:1.25rem;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #f59e0b;border-radius:12px;padding:1rem 2rem;max-width:400px;margin-left:auto;margin-right:auto}.streak-item{display:flex;align-items:center;gap:.5rem}.streak-flame{font-size:1.6rem}.streak-count{font-size:2rem;font-weight:800;color:#001829;line-height:1}.streak-label{font-size:.85rem;color:#92400e;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.streak-divider{width:2px;height:40px;background:#f59e0b;border-radius:1px}.study-modes-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:3rem}.study-mode-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;transition:transform .3s,box-shadow .3s;border-top:4px solid #d60000;width:calc(33.333% - 1.34rem);min-width:280px;box-sizing:border-box}.study-mode-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.card-icon{font-size:3rem;text-align:center}.study-mode-card h3{color:#001829;margin:0;font-size:1.5rem}.study-mode-card p{color:#666;margin:0;flex-grow:1}.quiz-options{display:flex;flex-direction:column;gap:.5rem}.topic-select,.size-select{padding:.75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .3s}.topic-select:hover,.size-select:hover{border-color:#d60000}.topic-select:focus,.size-select:focus{outline:none;border-color:#001829}.btn-mode{padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,background .3s;background:#d60000;color:#fff}.btn-mode:hover{background:#b00000;transform:translateY(-2px);box-shadow:0 4px 8px #d600004d}.btn-mode:active{transform:translateY(0)}.btn-mode-timed{background:#001829;font-size:.95rem;padding:.7rem 1.25rem}.btn-mode-timed:hover{background:#003050;box-shadow:0 4px 8px #0018294d}.topics-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #00000014}.topics-section h3{color:#001829;margin-bottom:1.5rem;text-align:center;font-size:1.5rem}.topics-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.topic-badge{background:#f8f9fa;color:#001829;padding:.75rem 1.25rem;border-radius:20px;font-weight:500;border:2px solid #d60000}.insights-row{display:flex;gap:2rem;margin-bottom:2rem}.insight-card{flex:1;background:#fff;padding:1.75rem;border-radius:12px;box-shadow:0 2px 8px #00000014;border-top:4px solid #001829;min-width:0}.insight-card h3{color:#001829;margin:0 0 1rem;font-size:1.2rem}.insight-loading{color:#666;text-align:center;padding:1rem 0}.insight-empty{text-align:center;padding:1.5rem 0;color:#888;font-size:.95rem}.exam-countdown-card{border-top-color:#d60000}.exam-countdown-display{text-align:center}.countdown-number{font-size:3.5rem;font-weight:800;color:#001829;line-height:1;margin-bottom:.25rem}.countdown-number.past{color:#9ca3af;font-size:2rem}.countdown-label{color:#666;font-size:1rem;margin:.25rem 0}.countdown-date{color:#001829;font-weight:600;font-size:.9rem;margin:.5rem 0}.countdown-pace{color:#92400e;background:#fffbeb;padding:.5rem .75rem;border-radius:8px;font-size:.85rem;margin:.75rem 0 .5rem;font-weight:500}.exam-countdown-empty{text-align:center;padding:.5rem 0}.exam-countdown-empty p{color:#888;font-size:.9rem;margin-bottom:1rem}.btn-exam-date{background:#d60000;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-exam-date:hover:not(:disabled){background:#b00000}.btn-exam-date:disabled{background:#ccc;cursor:not-allowed}.btn-exam-date-small{background:none;border:none;color:#999;font-size:.8rem;cursor:pointer;margin-top:.5rem;transition:color .2s}.btn-exam-date-small:hover{color:#d60000}.btn-exam-date-cancel{background:#e5e7eb;color:#333;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer}.exam-date-picker{display:flex;flex-direction:column;gap:.75rem;align-items:center}.exam-date-input{padding:.65rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;width:100%;max-width:220px;color:#001829}.exam-date-input:focus{outline:none;border-color:#d60000}.exam-date-actions{display:flex;gap:.5rem}.score-chart-svg{width:100%;height:120px;margin-bottom:.75rem}.score-chart-legend{display:flex;gap:1.25rem;justify-content:center;margin-bottom:.5rem}.chart-legend-item{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:#666}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.score-chart-stats{display:flex;justify-content:center;gap:1.5rem;font-size:.85rem;color:#666}.score-chart-stats strong{color:#001829}.topic-performance-section{background:#fff;padding:1.75rem;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;border-top:4px solid #001829}.topic-performance-section h3{color:#001829;margin:0 0 .25rem;font-size:1.2rem}.topic-perf-subtitle{color:#888;font-size:.9rem;margin:0 0 1.25rem}.topic-perf-list{display:flex;flex-direction:column;gap:.75rem}.topic-perf-row{display:flex;align-items:center;gap:1rem}.topic-perf-info{min-width:200px;flex-shrink:0}.topic-perf-name{display:block;font-weight:600;color:#001829;font-size:.9rem}.topic-perf-meta{display:block;color:#999;font-size:.75rem}.topic-perf-bar-bg{flex:1;height:10px;background:#f0f0f0;border-radius:5px;overflow:hidden}.topic-perf-bar-fill{height:100%;border-radius:5px;transition:width .6s ease}@media(max-width:768px){.header-content{padding:0 1rem;height:56px}.dashboard-logo{height:32px;margin-right:.5rem}.header-nav{gap:1rem}.nav-link{font-size:.7rem;letter-spacing:.5px}.nav-cta{padding:.5rem .9rem;font-size:.75rem}.dashboard-content{padding-top:calc(56px + 1.5rem)}.study-mode-card{width:100%;min-width:0}.streak-banner{gap:1.25rem;padding:.75rem 1.25rem}.streak-count{font-size:1.5rem}.streak-label{font-size:.75rem}.insights-row{flex-direction:column;gap:1rem}.countdown-number{font-size:2.5rem}.topic-perf-row{flex-direction:column;align-items:stretch;gap:.25rem}.topic-perf-info{min-width:0}.score-chart-svg{height:90px}}@media(max-width:480px){.header-nav{gap:.6rem}.nav-link{font-size:.65rem}.nav-link.nav-state{display:none}}.test-container{min-height:100vh;background:#f3f4f6;padding:1rem}.loading{text-align:center;padding:4rem;font-size:1.5rem;color:#666}.test-header{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000014}.test-info h2{margin:0 0 .5rem;color:#001829}.test-meta{color:#666;display:flex;gap:.5rem}.progress-bar{background:#fff;height:8px;border-radius:4px;overflow:hidden;margin-bottom:1rem;box-shadow:0 1px 3px #00000014}.progress-fill{background:linear-gradient(90deg,#001829,#d60000);height:100%;transition:width .3s}.test-content{background:#fff;padding:2rem;border-radius:12px;margin-bottom:1rem;box-shadow:0 2px 8px #00000014;max-width:900px;margin-left:auto;margin-right:auto}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.question-counter{font-weight:600;color:#001829;font-size:1.1rem}.topic-badge{background:#dbeafe;color:#001829;padding:.5rem 1rem;border-radius:16px;font-size:.9rem;font-weight:500}.question-text{font-size:1.3rem;margin-bottom:2rem;color:#001829;line-height:1.6;font-weight:500}.options-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.option-label{display:flex;align-items:center;padding:1.25rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s;background:#fff}.option-label:hover{border-color:#d60000;background:#f0f9ff}.option-label input[type=radio]{margin-right:1rem;width:20px;height:20px;cursor:pointer}.option-label input[type=radio]:checked+.option-text{font-weight:600;color:#001829}.option-text{font-size:1.1rem;flex:1;color:#001829}.test-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:2px solid #e5e7eb}.btn-nav{background:#d60000;color:#fff;border:none;padding:.875rem 1.75rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:background .3s}.btn-nav:hover:not(:disabled){background:#001829}.btn-nav:disabled{background:#9ca3af;cursor:not-allowed}.btn-submit{background:#00a86b;color:#fff;border:none;padding:.875rem 1.75rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:background .3s}.btn-submit:hover{background:#059669}.answered-status{color:#666;font-weight:500}.question-navigator{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;max-width:900px;margin:0 auto}.question-navigator h4{margin:0 0 1rem;color:#001829}.question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.5rem}.question-nav-btn{padding:.75rem;border:2px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s}.question-nav-btn:hover{border-color:#d60000;background:#f0f9ff}.question-nav-btn.active{background:#d60000;color:#fff;border-color:#d60000}.question-nav-btn.answered{background:#dcfce7;border-color:#00a86b}.question-nav-btn.answered.active{background:#d60000;border-color:#d60000}.results-container{max-width:900px;margin:0 auto}.results-header{background:#fff;padding:3rem;border-radius:12px;text-align:center;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a}.results-header.passed{border-top:6px solid #00a86b}.results-header.failed{border-top:6px solid #ef4444}.results-header h2{margin:0 0 1.5rem;color:#001829;font-size:2rem}.score-display{display:flex;flex-direction:column;gap:.5rem}.score-number{font-size:4rem;font-weight:700;color:#001829}.score-details{font-size:1.3rem;color:#666}.time-taken{font-size:1.1rem;color:#666;margin-top:.5rem}.results-review{background:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.review-filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.review-filter-bar h3{margin:0;color:#001829;font-size:1.5rem}.review-filter-buttons{display:flex;gap:.5rem}.review-filter-btn{padding:.5rem 1.25rem;border:2px solid #e5e7eb;border-radius:20px;background:#fff;color:#001829;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.review-filter-btn:hover{border-color:#001829;background:#f8f9fa}.review-filter-btn.active{background:#001829;color:#fff;border-color:#001829}.review-filter-btn.missed.active{background:#ef4444;border-color:#ef4444}.review-empty-state{text-align:center;padding:3rem 1rem;font-size:1.3rem;color:#00a86b;font-weight:600}.btn-review-missed{background:#ef4444;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .3s;flex:1;max-width:200px}.btn-review-missed:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.review-question{padding:1.5rem;margin-bottom:1.5rem;border-radius:8px;border-left:4px solid #e5e7eb}.review-question.correct{background:#f0fdf4;border-left-color:#00a86b}.review-question.incorrect{background:#fef2f2;border-left-color:#ef4444}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.question-number{font-weight:600;color:#001829}.result-badge{padding:.25rem .75rem;border-radius:12px;font-size:.9rem;font-weight:600}.result-badge.correct{background:#00a86b;color:#fff}.result-badge.incorrect{background:#ef4444;color:#fff}.review-topic{color:#666;font-size:.9rem;margin-bottom:.5rem}.review-question-text{font-size:1.1rem;margin-bottom:1rem;font-weight:500;color:#001829}.review-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.review-option{padding:.75rem;border-radius:6px;background:#fff;color:#001829}.review-option.correct-answer{background:#d1fae5;border:2px solid #00a86b;font-weight:600}.review-option.wrong-answer{background:#fee2e2;border:2px solid #ef4444}.answer-label{font-size:.85rem;font-weight:600}.explanation{padding:1rem;background:#fffbeb;border-left:4px solid #f59e0b;border-radius:6px;margin-top:1rem}.explanation strong{color:#92400e}.results-completion-message{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:12px;padding:1rem 1.5rem;margin:2rem auto;max-width:600px;font-size:1.05rem;color:#166534;line-height:1.5;text-align:center}.results-actions{text-align:center;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn-retake{background:linear-gradient(135deg,#001829,#003354);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .3s;flex:1;max-width:200px}.btn-retake:hover{background:linear-gradient(135deg,#003354,#004a7a);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-secondary{background:#fff;color:#001829;border:2px solid #001829;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .3s;flex:1;max-width:200px}.btn-secondary:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media(max-width:768px){.test-header{flex-direction:column;gap:1rem}.question-text{font-size:1.1rem}.test-navigation{flex-direction:column;gap:1rem}.question-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.results-actions{flex-direction:column;align-items:center}.btn-retake,.btn-secondary,.btn-review-missed{max-width:100%;width:100%}.review-filter-bar{flex-direction:column;align-items:flex-start}}.timer-countdown{font-weight:700;color:#001829}.timer-countdown.timer-warning{color:#d60000;animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.timed-notice{background:#d600001a;color:#d60000;padding:.5rem 1.25rem;border-radius:8px;font-weight:600;font-size:.95rem;margin-bottom:.5rem}.question-header-right{display:flex;align-items:center;gap:.75rem}.btn-flag{background:#f8f9fa;border:2px solid #e5e7eb;padding:.4rem .6rem;border-radius:20px;cursor:pointer;font-size:1.1rem;font-weight:600;color:#666;transition:all .2s;white-space:nowrap;line-height:1}.btn-flag:hover{border-color:#f59e0b;background:#fffbeb;color:#92400e}.btn-flag.flagged{background:#fef3c7;border-color:#f59e0b;color:#92400e}.question-nav-btn.flagged{position:relative}.question-nav-btn.flagged:after{content:"⭐";position:absolute;top:-4px;right:-4px;font-size:.6rem;line-height:1}.nav-flag-count{font-size:.8rem;color:#92400e;font-weight:500;margin-left:.5rem}.review-header-actions{display:flex;align-items:center;gap:.5rem}.btn-bookmark{background:#f8f9fa;border:2px solid #e5e7eb;padding:.3rem .75rem;border-radius:16px;cursor:pointer;font-size:.8rem;font-weight:600;color:#666;transition:all .2s;white-space:nowrap}.btn-bookmark:hover{border-color:#001829;background:#f0f9ff;color:#001829}.btn-bookmark.active{background:#dbeafe;border-color:#001829;color:#001829}.flag-indicator{font-size:.85rem}.review-filter-btn.flagged.active{background:#f59e0b;border-color:#f59e0b}.btn-report{border-color:#ef4444!important;color:#ef4444!important;background:#fef2f2!important}.btn-report:hover{background:#fee2e2!important;border-color:#dc2626!important;color:#dc2626!important}.flashcards-container{min-height:100vh;background:linear-gradient(135deg,#001829,#d60000);padding:1rem}.flashcards-header{background:#fffffff2;padding:1.5rem;border-radius:12px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #00000026}.header-info h2{margin:0 0 .25rem;color:#001829}.header-info p{margin:0;color:#666}.btn-exit{background:#ef4444;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s}.btn-exit:hover{background:#dc2626}.progress-bar{background:#ffffff4d;height:8px;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{background:linear-gradient(90deg,#10b981,#34d399);height:100%;transition:width .3s}.flashcard-stats{display:flex;justify-content:space-between;color:#fff;font-weight:600;font-size:1.1rem;margin-bottom:2rem;padding:0 1rem}.flashcard-wrapper{display:flex;justify-content:center;align-items:center;min-height:400px;margin-bottom:2rem;perspective:1000px}.flashcard{position:relative;width:100%;max-width:600px;height:500px;cursor:pointer;transform-style:preserve-3d;transition:transform .6s}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;padding:2rem;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 24px #0003}.flashcard-front{background:#fff}.flashcard-back{background:linear-gradient(135deg,#001829,#d60000);color:#fff;transform:rotateY(180deg)}.card-label{font-size:.9rem;font-weight:600;text-transform:uppercase;opacity:.7;margin-bottom:1rem;text-align:center}.card-topic{background:#dbeafe;color:#001829;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;text-align:center;margin-bottom:1.5rem;display:inline-block;align-self:center}.flashcard-back .card-topic{background:#fff3;color:#fff}.card-content{font-size:1.5rem;text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.6;padding:1rem}.card-options{margin-top:1.5rem;width:100%;text-align:left;font-size:1rem}.card-option{padding:.75rem 1rem;margin-bottom:.5rem;background:#f3f4f6;border-radius:8px;border-left:3px solid #001829;color:#001829;font-weight:500}.card-content.answer{font-weight:600;font-size:1.7rem}.card-explanation{background:#ffffff26;padding:1rem;border-radius:8px;margin-top:1rem;font-size:1rem;line-height:1.5}.card-hint{text-align:center;font-size:.9rem;opacity:.6;margin-top:1rem;font-style:italic}.flashcard-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.btn-control{background:#fff;color:#001829;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s;box-shadow:0 2px 8px #00000026}.btn-control:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.btn-control:disabled{opacity:.5;cursor:not-allowed}.btn-known{background:#10b981;color:#fff}.btn-known:hover:not(:disabled){background:#059669}.btn-known:disabled{background:#6ee7b7}.btn-report-fc{background:#fef2f2!important;color:#ef4444!important;border:2px solid #ef4444!important;padding:.75rem 1.25rem!important}.btn-report-fc:hover{background:#fee2e2!important;color:#dc2626!important;border-color:#dc2626!important}.keyboard-hint{text-align:center;color:#fff;font-size:.9rem;opacity:.85}.keyboard-hint kbd{display:inline-block;background:#fff3;border:1px solid rgba(255,255,255,.35);border-radius:4px;padding:.15rem .45rem;font-size:.8rem;font-family:inherit;margin:0 .15rem}.completion-overlay{display:flex;justify-content:center;align-items:center;min-height:85vh;padding:1rem}.completion-card{background:#fffffff7;border-radius:20px;padding:3rem 2.5rem;max-width:520px;width:100%;text-align:center;box-shadow:0 12px 40px #0000004d;animation:completionSlideIn .5s ease-out}@keyframes completionSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.completion-icon{font-size:4rem;margin-bottom:.5rem}.completion-title{font-size:1.8rem;color:#001829;margin:0 0 .25rem}.completion-subtitle{color:#666;font-size:1.1rem;margin:0 0 2rem}.completion-stats{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.completion-stat{background:#f0f9ff;border-radius:12px;padding:1rem 1.25rem;min-width:100px;border:1px solid #bfdbfe}.stat-value{display:block;font-size:1.8rem;font-weight:700;color:#001829}.stat-label{display:block;font-size:.8rem;color:#64748b;margin-top:.25rem;font-weight:500}.completion-message{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:12px;padding:1rem 1.25rem;font-size:1rem;color:#166534;margin-bottom:2rem;line-height:1.5}.completion-actions{display:flex;gap:1rem;justify-content:center}.btn-completion{padding:1rem 2rem;border:none;border-radius:10px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s;flex:1;max-width:200px}.btn-completion:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-restart{background:linear-gradient(135deg,#001829,#003354);color:#fff}.btn-restart:hover{background:linear-gradient(135deg,#003354,#004a7a)}.btn-menu{background:#fff;color:#001829;border:2px solid #001829}.btn-menu:hover{background:#f1f5f9}@media(max-width:768px){.flashcard{height:350px}.card-content{font-size:1.2rem}.card-content.answer{font-size:1.4rem}.flashcards-header{flex-direction:column;gap:1rem;text-align:center}.flashcard-controls{flex-direction:column}.btn-control{width:100%}.completion-card{padding:2rem 1.5rem}.completion-stats{flex-direction:column;align-items:center}.completion-stat{width:100%}.completion-actions{flex-direction:column}.btn-completion{max-width:100%}}.space-container{min-height:100vh;background:#000;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);padding:1rem;position:relative;overflow:hidden}.loading{text-align:center;color:#fff;font-size:1.5rem;padding:4rem;animation:pulse 2s infinite}.stars,.stars2,.stars3{position:fixed;top:0;left:0;width:1px;height:1px;pointer-events:none;z-index:1}.stars{width:2px;height:2px;background:transparent;box-shadow:779px 1331px #fff,324px 42px #fff,303px 586px #fff,1312px 276px #fff,451px 625px #fff,521px 1931px #fff,1087px 1871px #fff,36px 1546px #fff,132px 934px #fff,1698px 901px #fff,1418px 664px #fff,1448px 1157px #fff,1084px 232px #fff,347px 1776px #fff,1722px 243px #fff,1629px 835px #fff,479px 969px #fff,1231px 960px #fff,586px 384px #fff,164px 527px #fff,8px 646px #fff,1150px 1126px #fff,665px 1357px #fff,1556px 1982px #fff,1260px 1961px #fff,1675px 1741px #fff,1843px 1514px #fff,718px 1628px #fff,242px 1343px #fff,1497px 1880px #fff,1364px 230px #fff,1739px 1302px #fff,636px 959px #fff,304px 686px #fff,614px 751px #fff,1935px 816px #fff,1428px 60px #fff,355px 335px #fff,1594px 158px #fff,90px 60px #fff,1553px 162px #fff,1239px 1825px #fff,1945px 587px #fff,749px 1785px #fff,1987px 1172px #fff,1301px 1237px #fff,1039px 342px #fff,1585px 1481px #fff,995px 1048px #fff,524px 932px #fff,214px 413px #fff,1701px 1300px #fff,1037px 1613px #fff,1871px 996px #fff,1360px 1635px #fff,1110px 1313px #fff,412px 1783px #fff,1949px 177px #fff,903px 1854px #fff,700px 1936px #fff,378px 125px #fff,308px 834px #fff,1118px 962px #fff,1350px 1929px #fff,781px 1811px #fff,561px 137px #fff,757px 1148px #fff,1670px 1979px #fff,343px 739px #fff,945px 795px #fff,576px 1903px #fff,1078px 1436px #fff,1583px 450px #fff,1366px 474px #fff,297px 1873px #fff,192px 162px #fff,1624px 1633px #fff,59px 453px #fff,82px 1872px #fff,1933px 498px #fff,1966px 1974px #fff,1975px 1688px #fff,779px 314px #fff,1858px 1543px #fff,73px 1507px #fff,1693px 975px #fff,1683px 108px #fff,1768px 1654px #fff,654px 14px #fff,494px 171px #fff,1689px 1895px #fff,1660px 263px #fff,1031px 903px #fff,1203px 1393px #fff,1333px 1421px #fff,1113px 41px #fff,1206px 1645px #fff,1325px 1635px #fff,142px 388px #fff,572px 215px #fff,1535px 296px #fff,1419px 407px #fff,1379px 1003px #fff,329px 469px #fff,1791px 1652px #fff,935px 1802px #fff,1330px 1820px #fff,421px 1933px #fff,828px 365px #fff,275px 73px #fff,1621px 1321px #fff,1937px 1130px #fff,1438px 1491px #fff,1788px 1437px #fff,734px 1718px #fff,1823px 1986px #fff,190px 1831px #fff,1633px 1884px #fff,1924px 1980px #fff,1811px 1378px #fff;animation:animateStars 50s linear infinite}.stars:after{content:" ";position:absolute;top:2000px;width:2px;height:2px;background:transparent;box-shadow:779px 1331px #fff,324px 42px #fff,303px 586px #fff,1312px 276px #fff,451px 625px #fff,521px 1931px #fff,1087px 1871px #fff,36px 1546px #fff,132px 934px #fff,1698px 901px #fff,1418px 664px #fff,1448px 1157px #fff,1084px 232px #fff,347px 1776px #fff,1722px 243px #fff,1629px 835px #fff,479px 969px #fff,1231px 960px #fff,586px 384px #fff,164px 527px #fff,8px 646px #fff,1150px 1126px #fff,665px 1357px #fff,1556px 1982px #fff,1260px 1961px #fff,1675px 1741px #fff,1843px 1514px #fff,718px 1628px #fff,242px 1343px #fff,1497px 1880px #fff,1364px 230px #fff,1739px 1302px #fff,636px 959px #fff,304px 686px #fff,614px 751px #fff,1935px 816px #fff,1428px 60px #fff,355px 335px #fff,1594px 158px #fff,90px 60px #fff,1553px 162px #fff,1239px 1825px #fff,1945px 587px #fff,749px 1785px #fff,1987px 1172px #fff,1301px 1237px #fff,1039px 342px #fff,1585px 1481px #fff,995px 1048px #fff,524px 932px #fff,214px 413px #fff,1701px 1300px #fff,1037px 1613px #fff,1871px 996px #fff,1360px 1635px #fff,1110px 1313px #fff,412px 1783px #fff,1949px 177px #fff,903px 1854px #fff,700px 1936px #fff,378px 125px #fff,308px 834px #fff,1118px 962px #fff,1350px 1929px #fff,781px 1811px #fff,561px 137px #fff,757px 1148px #fff,1670px 1979px #fff,343px 739px #fff,945px 795px #fff,576px 1903px #fff,1078px 1436px #fff,1583px 450px #fff,1366px 474px #fff,297px 1873px #fff,192px 162px #fff,1624px 1633px #fff,59px 453px #fff,82px 1872px #fff,1933px 498px #fff,1966px 1974px #fff,1975px 1688px #fff,779px 314px #fff,1858px 1543px #fff,73px 1507px #fff,1693px 975px #fff,1683px 108px #fff,1768px 1654px #fff,654px 14px #fff,494px 171px #fff,1689px 1895px #fff,1660px 263px #fff,1031px 903px #fff,1203px 1393px #fff,1333px 1421px #fff,1113px 41px #fff,1206px 1645px #fff,1325px 1635px #fff,142px 388px #fff,572px 215px #fff,1535px 296px #fff,1419px 407px #fff,1379px 1003px #fff,329px 469px #fff,1791px 1652px #fff,935px 1802px #fff,1330px 1820px #fff,421px 1933px #fff,828px 365px #fff,275px 73px #fff,1621px 1321px #fff,1937px 1130px #fff,1438px 1491px #fff,1788px 1437px #fff,734px 1718px #fff,1823px 1986px #fff,190px 1831px #fff,1633px 1884px #fff,1924px 1980px #fff,1811px 1378px #fff}.stars2{width:2px;height:2px;background:transparent;box-shadow:1446px 320px #fff,1061px 1119px #fff,455px 1125px #fff,919px 1795px #fff,1569px 1932px #fff,1768px 733px #fff,429px 1460px #fff,1608px 1247px #fff,367px 1300px #fff,1726px 1785px #fff,1380px 1504px #fff,730px 1843px #fff,1511px 125px #fff,1559px 1862px #fff,656px 1341px #fff,1690px 1121px #fff,1693px 198px #fff,1710px 1812px #fff,1739px 1833px #fff,1022px 1333px #fff,857px 1566px #fff,1242px 1925px #fff,938px 1929px #fff,1784px 1606px #fff,913px 1657px #fff,1897px 1354px #fff,1486px 1530px #fff,1650px 1839px #fff,1525px 1295px #fff,1803px 645px #fff,1791px 1404px #fff,1002px 1957px #fff,121px 1460px #fff,494px 1309px #fff,1546px 1107px #fff,1805px 1252px #fff,1837px 1887px #fff,784px 1610px #fff,1958px 1332px #fff,288px 1856px #fff,418px 1531px #fff,1337px 1524px #fff,1279px 1634px #fff,1461px 1822px #fff,1017px 1512px #fff,1555px 1856px #fff,1942px 1283px #fff,1059px 1457px #fff,1968px 1577px #fff,1635px 1058px #fff,1058px 1561px #fff,1970px 1349px #fff,1932px 1040px #fff,1348px 1637px #fff,1199px 1872px #fff,1064px 1853px #fff,1726px 1534px #fff,1196px 1249px #fff,1283px 1732px #fff,1857px 1673px #fff,1322px 1769px #fff,1949px 1207px #fff,1726px 1359px #fff,1455px 1416px #fff,1603px 1140px #fff,1397px 1296px #fff,1354px 1471px #fff,1318px 1731px #fff,1929px 1141px #fff,1025px 1344px #fff,1232px 1505px #fff,1969px 1433px #fff,1673px 1720px #fff,1431px 1650px #fff,1445px 1358px #fff,1736px 1976px #fff,1384px 1239px #fff,1641px 1179px #fff,1275px 1778px #fff,1354px 1208px #fff;animation:animateStars 100s linear infinite}.stars2:after{content:" ";position:absolute;top:2000px;width:2px;height:2px;background:transparent;box-shadow:1446px 320px #fff,1061px 1119px #fff,455px 1125px #fff,919px 1795px #fff,1569px 1932px #fff,1768px 733px #fff,429px 1460px #fff,1608px 1247px #fff,367px 1300px #fff,1726px 1785px #fff,1380px 1504px #fff,730px 1843px #fff,1511px 125px #fff,1559px 1862px #fff,656px 1341px #fff,1690px 1121px #fff,1693px 198px #fff,1710px 1812px #fff,1739px 1833px #fff,1022px 1333px #fff,857px 1566px #fff,1242px 1925px #fff,938px 1929px #fff,1784px 1606px #fff,913px 1657px #fff,1897px 1354px #fff,1486px 1530px #fff,1650px 1839px #fff,1525px 1295px #fff,1803px 645px #fff,1791px 1404px #fff,1002px 1957px #fff,121px 1460px #fff,494px 1309px #fff,1546px 1107px #fff,1805px 1252px #fff,1837px 1887px #fff,784px 1610px #fff,1958px 1332px #fff,288px 1856px #fff,418px 1531px #fff,1337px 1524px #fff,1279px 1634px #fff,1461px 1822px #fff,1017px 1512px #fff,1555px 1856px #fff,1942px 1283px #fff,1059px 1457px #fff,1968px 1577px #fff,1635px 1058px #fff,1058px 1561px #fff,1970px 1349px #fff,1932px 1040px #fff,1348px 1637px #fff,1199px 1872px #fff,1064px 1853px #fff,1726px 1534px #fff,1196px 1249px #fff,1283px 1732px #fff,1857px 1673px #fff,1322px 1769px #fff,1949px 1207px #fff,1726px 1359px #fff,1455px 1416px #fff,1603px 1140px #fff,1397px 1296px #fff,1354px 1471px #fff,1318px 1731px #fff,1929px 1141px #fff,1025px 1344px #fff,1232px 1505px #fff,1969px 1433px #fff,1673px 1720px #fff,1431px 1650px #fff,1445px 1358px #fff,1736px 1976px #fff,1384px 1239px #fff,1641px 1179px #fff,1275px 1778px #fff,1354px 1208px #fff}.stars3{width:3px;height:3px;background:transparent;box-shadow:571px 173px #fff,1732px 143px #fff,1745px 454px #fff,234px 784px #fff,1793px 1123px #fff,1076px 504px #fff,633px 601px #fff,350px 630px #fff,1164px 782px #fff,76px 690px #fff,1825px 701px #fff,1646px 578px #fff,544px 293px #fff,445px 1061px #fff,928px 47px #fff,168px 1410px #fff,777px 782px #fff,1235px 1941px #fff,104px 1690px #fff,1167px 1338px #fff,345px 1652px #fff,1682px 1196px #fff,1995px 494px #fff,428px 798px #fff,340px 1623px #fff,605px 349px #fff,1339px 1344px #fff,1102px 1745px #fff,1592px 1676px #fff,419px 1024px #fff,630px 1033px #fff,1995px 1644px #fff,1092px 712px #fff,1355px 606px #fff,622px 1881px #fff,1481px 621px #fff,19px 1348px #fff,864px 1780px #fff,442px 1136px #fff,67px 712px #fff,89px 1406px #fff,275px 321px #fff,592px 630px #fff,1012px 1690px #fff,1749px 23px #fff,94px 1542px #fff,1201px 1657px #fff,1505px 692px #fff,1799px 601px #fff,656px 811px #fff,701px 597px #fff,1202px 46px #fff,890px 569px #fff,1613px 813px #fff,223px 252px #fff,983px 1093px #fff,726px 1029px #fff,1764px 778px #fff,622px 1643px #fff,174px 1559px #fff,212px 517px #fff,340px 505px #fff,1700px 39px #fff,1768px 516px #fff,849px 391px #fff,1647px 623px #fff,547px 184px #fff,1654px 1318px #fff,1982px 1516px #fff,1934px 1763px #fff,1586px 1342px #fff,115px 969px #fff,1832px 1049px #fff,1502px 1109px #fff,1781px 1439px #fff,1530px 1776px #fff,1702px 297px #fff,1632px 1895px #fff,1255px 1648px #fff,1180px 1892px #fff;animation:animateStars 150s linear infinite}.stars3:after{content:" ";position:absolute;top:2000px;width:3px;height:3px;background:transparent;box-shadow:571px 173px #fff,1732px 143px #fff,1745px 454px #fff,234px 784px #fff,1793px 1123px #fff,1076px 504px #fff,633px 601px #fff,350px 630px #fff,1164px 782px #fff,76px 690px #fff,1825px 701px #fff,1646px 578px #fff,544px 293px #fff,445px 1061px #fff,928px 47px #fff,168px 1410px #fff,777px 782px #fff,1235px 1941px #fff,104px 1690px #fff,1167px 1338px #fff,345px 1652px #fff,1682px 1196px #fff,1995px 494px #fff,428px 798px #fff,340px 1623px #fff,605px 349px #fff,1339px 1344px #fff,1102px 1745px #fff,1592px 1676px #fff,419px 1024px #fff,630px 1033px #fff,1995px 1644px #fff,1092px 712px #fff,1355px 606px #fff,622px 1881px #fff,1481px 621px #fff,19px 1348px #fff,864px 1780px #fff,442px 1136px #fff,67px 712px #fff,89px 1406px #fff,275px 321px #fff,592px 630px #fff,1012px 1690px #fff,1749px 23px #fff,94px 1542px #fff,1201px 1657px #fff,1505px 692px #fff,1799px 601px #fff,656px 811px #fff,701px 597px #fff,1202px 46px #fff,890px 569px #fff,1613px 813px #fff,223px 252px #fff,983px 1093px #fff,726px 1029px #fff,1764px 778px #fff,622px 1643px #fff,174px 1559px #fff,212px 517px #fff,340px 505px #fff,1700px 39px #fff,1768px 516px #fff,849px 391px #fff,1647px 623px #fff,547px 184px #fff,1654px 1318px #fff,1982px 1516px #fff,1934px 1763px #fff,1586px 1342px #fff,115px 969px #fff,1832px 1049px #fff,1502px 1109px #fff,1781px 1439px #fff,1530px 1776px #fff,1702px 297px #fff,1632px 1895px #fff,1255px 1648px #fff,1180px 1892px #fff}@keyframes animateStars{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.game-header{background:#141e30e6;padding:1.5rem;border-radius:12px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #00182980;border:2px solid rgba(214,0,0,.3);position:relative;z-index:10}.game-info h2{margin:0 0 .25rem;color:#fff;text-shadow:0 0 10px rgba(214,0,0,.6)}.game-info p{margin:0;color:#aaa}.header-controls{display:flex;gap:.5rem}.btn-pause{background:linear-gradient(135deg,#001829,#003354);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #00182966}.btn-pause:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00182999}.btn-exit{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #ef444466}.btn-exit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444499}.game-stats-bar{background:#141e30e6;padding:1rem;border-radius:12px;margin-bottom:1rem;display:flex;justify-content:space-around;gap:1rem;box-shadow:0 4px 20px #0018294d;border:2px solid rgba(214,0,0,.3);flex-wrap:wrap;position:relative;z-index:10}.stat-item{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem;color:#fff}.stat-icon{font-size:1.5rem}.timer{font-family:Courier New,monospace;font-size:1.3rem;font-weight:700;color:#4ade80}.timer-warning{color:#ef4444;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pause-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s;cursor:pointer}.pause-message{background:linear-gradient(135deg,#001829,#003354);padding:3rem;border-radius:16px;text-align:center;box-shadow:0 8px 40px #00182999;pointer-events:none;border:3px solid rgba(255,255,255,.3)}.pause-message h2{margin:0 0 1rem;color:#fff;font-size:2rem}.pause-message p{margin:0;color:#fff;font-size:1.2rem;opacity:.9}.space-game-area{position:relative;height:calc(100vh - 250px);min-height:500px;max-width:1200px;margin:0 auto;z-index:5;overflow:hidden}.game-question-section{width:100%;background:linear-gradient(135deg,#fffffffa,#f0f5fffa);padding:1.5rem 2rem;box-shadow:0 4px 20px #0000004d;z-index:25;display:flex;align-items:center;justify-content:center;min-height:90px;border-bottom:2px solid rgba(0,24,41,.2);border-top:2px solid rgba(0,24,41,.2);gap:1rem}.btn-report-game{background:#fef2f2;color:#ef4444;border:2px solid #ef4444;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;white-space:nowrap;transition:all .2s;pointer-events:auto;z-index:30;flex-shrink:0}.btn-report-game:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.question-text{color:#001829;font-size:1.2rem;font-weight:600;line-height:1.5;text-shadow:none;pointer-events:none}.answer-bubbles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;overflow:hidden}.bubble{position:absolute;background:radial-gradient(circle at 30% 30%,#c8dcf0eb,#003254d9);border:3px solid rgba(255,255,255,.4);border-radius:50%;padding:1.5rem;cursor:pointer;transition:opacity .3s,transform .2s;box-shadow:0 8px 32px #00182999,inset 0 4px 16px #ffffff4d;min-width:200px;max-width:280px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);visibility:visible;z-index:10;transform:translate(-50%,-50%)}.bubble.removed{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(0)}.bubble:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 12px 48px #001829cc,inset 0 4px 16px #ffffff80;border-color:#fffc}.bubble.blasting{animation:pop .6s ease-out forwards;pointer-events:none}@keyframes pop{0%{transform:scale(1);opacity:1}15%{transform:scale(1.2);opacity:1}30%{transform:scale(1.4);opacity:.9;box-shadow:0 0 60px #ffc864,0 0 120px #ff9600cc}50%{transform:scale(1.6);opacity:.6;box-shadow:0 0 100px #ff6464,0 0 200px #ff320099}70%{transform:scale(2);opacity:.3}to{transform:scale(2.5);opacity:0;box-shadow:0 0 150px #ffc86400,0 0 300px #ff960000}}.bubble.blasting:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,200,100,.8);animation:ripple .6s ease-out}.bubble.blasting:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,150,50,.6);animation:ripple .6s ease-out .1s}@keyframes ripple{0%{width:100%;height:100%;opacity:1}to{width:250%;height:250%;opacity:0;border-width:1px}}@keyframes explode{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}to{transform:scale(.5);opacity:0}}.bubble-content{color:#001829;font-size:1rem;font-weight:600;text-align:center;line-height:1.4;text-shadow:none;z-index:1}.rocket-ship{position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center;z-index:30;transform-origin:center center;transition:transform .1s ease-out}.rocket-ship.aiming{animation:none}.rocket-body{font-size:4rem;filter:drop-shadow(0 4px 20px rgba(255,150,50,.8))}.rocket-flame{font-size:2rem;margin-top:-10px;animation:flicker .2s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(.9)}}.feedback-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:2rem 3rem;border-radius:20px;font-size:1.8rem;font-weight:700;text-align:center;z-index:100;animation:popIn .5s ease-out;box-shadow:0 8px 32px #00000080}.feedback-message.correct{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:3px solid rgba(255,255,255,.5)}.feedback-message.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:3px solid rgba(255,255,255,.5)}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-over{background:linear-gradient(135deg,#141e30f2,#1e283cf2);padding:3rem;border-radius:16px;max-width:600px;margin:2rem auto;text-align:center;box-shadow:0 8px 40px #00182999;border:3px solid rgba(214,0,0,.4);position:relative;z-index:100}.game-over h2{color:#fff;margin-bottom:2rem;font-size:2.5rem;text-shadow:0 0 20px rgba(214,0,0,.6)}.final-score{margin-bottom:3rem}.score-big{font-size:5rem;font-weight:700;background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;filter:drop-shadow(0 0 20px rgba(74,222,128,.5))}.score-label{font-size:1.3rem;color:#aaa;margin-top:.5rem}.game-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;padding:2rem;background:#0000004d;border-radius:12px;border:2px solid rgba(0,24,41,.3)}.stat{text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.6)}.stat-label{color:#aaa;margin-top:.5rem;font-size:1rem}.game-completion-message{background:#4ade8026;border:1px solid rgba(74,222,128,.3);border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;font-size:1.1rem;color:#86efac;line-height:1.5}.game-actions{display:flex;justify-content:center;gap:1rem}.btn-primary{background:#d60000;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .3s;box-shadow:0 4px 20px #d600004d;flex:1;max-width:200px}.btn-primary:hover{background:#b00000;transform:translateY(-2px);box-shadow:0 6px 30px #d6000080}.btn-secondary-game{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);padding:1rem 2rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .3s;flex:1;max-width:200px}.btn-secondary-game:hover{background:#ffffff1a;border-color:#fffc;transform:translateY(-2px)}@media(max-width:768px){.question-text{font-size:1.1rem}.bubble{min-width:150px;max-width:200px;padding:1rem}.bubble-content{font-size:.9rem}.rocket-body{font-size:3rem}.game-stats{grid-template-columns:1fr;gap:1rem}.game-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary-game{max-width:100%;width:100%}.game-header{flex-direction:column;gap:1rem;text-align:center}.header-controls{width:100%;justify-content:center}.game-stats-bar{flex-direction:column;align-items:stretch}.stat-item{justify-content:center}.space-game-area{height:calc(100vh - 300px)}.game-over{padding:1.5rem;margin:1rem}.game-over h2{font-size:1.8rem}.score-big{font-size:3.5rem}.feedback-message{padding:1.5rem 2rem;font-size:1.4rem}.game-question-section{padding:1rem}}.laser-bullet{position:absolute;width:20px;height:3px;background:linear-gradient(90deg,#0f0,#0f0,#00ff0080);border-radius:2px;box-shadow:0 0 8px #0f0,0 0 16px #0f0,0 0 24px #00ff0080;pointer-events:none;z-index:25}.study-guide-container{min-height:100vh;background:linear-gradient(135deg,#001829,#003d5c);color:#fff;padding:20px}.study-guide-header{max-width:1200px;margin:0 auto 30px;background:#ffffff1a;padding:20px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;margin-bottom:15px;transition:all .3s ease}.back-button:hover{background:#ffffff4d;transform:translate(-5px)}.study-guide-header h1{margin:0 0 20px;font-size:2.5em;text-align:center}.study-guide-actions{display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap}.search-input{flex:1;max-width:400px;padding:12px 20px;border:2px solid rgba(255,255,255,.3);border-radius:25px;background:#ffffff1a;color:#fff;font-size:16px}.search-input::placeholder{color:#fff9}.search-input:focus{outline:none;border-color:#d60000;background:#ffffff26}.print-button{background:#d60000;color:#fff;border:none;padding:12px 30px;border-radius:25px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #d600004d}.print-button:hover{background:#a00000;transform:translateY(-2px);box-shadow:0 6px 20px #d6000066}.study-guide-content{max-width:1200px;margin:0 auto;background:#fff;color:#333;padding:40px;border-radius:10px;box-shadow:0 10px 40px #0000004d}.study-guide-section{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #e0e0e0}.study-guide-section:last-child{border-bottom:none}.section-heading{color:#001829;font-size:1.8em;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid #d60000}.section-content{line-height:1.8}.section-paragraph{margin-bottom:15px;text-align:justify;color:#444}.no-results{text-align:center;padding:60px 20px;font-size:1.2em;color:#666}.study-guide-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#001829,#003d5c);color:#fff;font-size:1.5em}.print-header,.print-footer{display:none}@media print{.study-guide-container{background:#fff;padding:0;min-height:auto}.no-print{display:none!important}.study-guide-header{display:none}.study-guide-content{box-shadow:none;padding:20px;max-width:100%}.print-header{display:block;text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid #001829}.print-header h1{color:#001829;font-size:2.5em;margin-bottom:10px}.print-info{color:#666;font-size:1.1em}.print-footer{display:block;text-align:center;margin-top:30px;padding-top:20px;border-top:2px solid #e0e0e0;color:#666;font-size:.9em}.study-guide-section{page-break-inside:avoid}.section-heading{color:#001829;page-break-after:avoid}.section-paragraph{color:#000}}@media(max-width:768px){.study-guide-container{padding:10px}.study-guide-header{padding:15px}.study-guide-header h1{font-size:1.8em}.study-guide-content{padding:20px}.section-heading{font-size:1.4em}.study-guide-actions{flex-direction:column}.search-input{max-width:100%}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f5f5f5}.auth-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2.5rem;width:100%;max-width:460px;position:relative}.auth-back-btn{background:none;border:none;color:#666;cursor:pointer;font-size:.95rem;padding:0;margin-bottom:1.5rem;display:inline-block;transition:color .2s}.auth-back-btn:hover{color:#001829}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{width:250px;max-width:100%;height:auto;margin-bottom:1rem;background:#fff;padding:.75rem;border-radius:8px}.auth-header h2{font-size:1.8rem;color:#001829;margin:0 0 .5rem}.auth-header p{color:#666;margin:0}.auth-error{background:#fee2e2;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;border:1px solid #fecaca}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;font-size:.9rem;color:#001829}.form-group input{padding:.85rem 1rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:8px;transition:border-color .3s;outline:none}.form-group input:focus{border-color:#001829}.form-group input:hover{border-color:#d60000}.auth-submit-btn{background:#d60000;color:#fff;padding:1rem;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s,box-shadow .2s,background .3s;box-shadow:0 2px 4px #0000001a;margin-top:.5rem}.auth-submit-btn:hover{background:#b00000;transform:translateY(-2px);box-shadow:0 4px 8px #d600004d}.auth-submit-btn:disabled{background:#999;cursor:not-allowed;transform:none;box-shadow:none}.auth-submit-btn.loading{position:relative;color:transparent}.auth-submit-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinner .6s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.auth-toggle{text-align:center;margin-top:1.5rem;color:#666}.auth-toggle p{margin:0}.auth-toggle-btn{background:none;border:none;color:#d60000;cursor:pointer;font-weight:600;font-size:1rem;padding:0;text-decoration:underline}.auth-toggle-btn:hover{color:#b00000}.forgot-password-btn{background:none;border:none;color:#d60000;cursor:pointer;font-size:.85rem;padding:0;margin-top:.25rem;text-align:right;align-self:flex-end;transition:color .2s}.forgot-password-btn:hover{color:#b00000;text-decoration:underline}.auth-success{background:#d1fae5;color:#065f46;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;border:1px solid #a7f3d0}@media(max-width:480px){.auth-card{padding:1.5rem}.auth-logo{width:200px}}.payment-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f5f5f5}.payment-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2.5rem;width:100%;max-width:520px}.payment-header{text-align:center;margin-bottom:2rem}.payment-logo{width:250px;max-width:100%;height:auto;margin-bottom:1rem;background:#fff;padding:.75rem;border-radius:8px}.payment-header h2{font-size:1.8rem;color:#001829;margin:0 0 .5rem}.payment-header p{color:#666;margin:0}.payment-features{background:#f8fafc;border-radius:8px;padding:1.25rem;margin-bottom:2rem;border:1px solid #e5e7eb}.payment-feature{padding:.4rem 0;color:#374151;font-size:.95rem}.checkout-form{display:flex;flex-direction:column;gap:1.25rem}.price-display{text-align:center;background:#001829;color:#fff;padding:1.5rem;border-radius:8px}.price-label{display:block;font-size:.9rem;opacity:.8;margin-bottom:.5rem}.price-amount{display:block;font-size:2.5rem;font-weight:700}.price-currency{font-size:1rem;font-weight:400;opacity:.7}.price-description{display:block;font-size:.85rem;opacity:.7;margin-top:.5rem}.card-element-container{display:flex;flex-direction:column;gap:.5rem}.card-element-container label{font-weight:600;font-size:.9rem;color:#001829}.card-element-wrapper{border:2px solid #e5e7eb;border-radius:8px;padding:.85rem 1rem;transition:border-color .3s}.card-element-wrapper:focus-within{border-color:#001829}.payment-error{background:#fee2e2;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;border:1px solid #fecaca}.pay-btn{background:#d60000;color:#fff;padding:1rem;font-size:1.15rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s,box-shadow .2s,background .3s;box-shadow:0 2px 4px #0000001a}.pay-btn:hover:not(:disabled){background:#b00000;transform:translateY(-2px);box-shadow:0 4px 8px #d600004d}.pay-btn:disabled{background:#9ca3af;cursor:not-allowed}.pay-back-btn{background:none;border:1px solid #e5e7eb;color:#666;padding:.75rem;font-size:.95rem;border-radius:8px;cursor:pointer;transition:all .2s}.pay-back-btn:hover{border-color:#001829;color:#001829}.secure-note{text-align:center;color:#666;font-size:.85rem;margin:0}@media(max-width:480px){.payment-card{padding:1.5rem}.payment-logo{width:200px}.price-amount{font-size:2rem}}.profile-container{min-height:100vh;background:#f3f4f6}.profile-content{max-width:900px;margin:0 auto;padding:calc(64px + 2rem) 2rem 2rem}.profile-container .welcome-section{margin-bottom:1.5rem}.profile-container .welcome-section h2{font-size:1.8rem;color:#001829;margin:0}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.profile-avatar{width:110px;height:110px;border-radius:50%;background:#001829;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.8rem;font-weight:700;margin-bottom:1rem;border:4px solid #d60000;text-transform:uppercase}.profile-avatar-name{font-size:1.5rem;font-weight:600;color:#001829}.profile-avatar-email{color:#666;font-size:.95rem;margin-top:.25rem}.profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem;margin-bottom:1.5rem;border-top:4px solid #d60000}.profile-card h2{color:#001829;margin:0 0 1.5rem;font-size:1.4rem;display:flex;align-items:center;gap:.5rem}.profile-info-row{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid #f0f0f0}.profile-info-row:last-child{border-bottom:none}.profile-info-label{font-weight:600;color:#333;width:160px;flex-shrink:0;font-size:.95rem}.profile-info-value{color:#555;flex-grow:1;font-size:.95rem}.profile-edit-form{display:flex;flex-direction:column;gap:1.25rem}.profile-form-group{display:flex;flex-direction:column;gap:.4rem}.profile-form-group label{font-weight:600;color:#333;font-size:.95rem}.profile-form-group input{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s}.profile-form-group input:focus{outline:none;border-color:#001829}.profile-form-group input:disabled{background:#f8f9fa;color:#999;cursor:not-allowed}.profile-btn-row{display:flex;gap:1rem;margin-top:.5rem}.btn-profile-save{background:#001829;color:#fff;padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s,transform .2s}.btn-profile-save:hover{background:#002a47;transform:translateY(-2px)}.btn-profile-cancel{background:#e5e7eb;color:#333;padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}.btn-profile-cancel:hover{background:#d1d5db}.btn-profile-edit{background:#d60000;color:#fff;padding:.6rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .3s,transform .2s}.btn-profile-edit:hover{background:#b00000;transform:translateY(-2px)}.profile-badge{display:inline-block;padding:.35rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.profile-badge.paid{background:#d1fae5;color:#065f46}.profile-badge.unpaid{background:#fee2e2;color:#991b1b}.profile-password-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.profile-message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-weight:500;font-size:.95rem}.profile-message.success{background:#d1fae5;color:#065f46}.profile-message.error{background:#fee2e2;color:#991b1b}.profile-danger-zone{border-top-color:#991b1b}.profile-danger-zone h2{color:#991b1b}.btn-profile-danger{background:#991b1b;color:#fff;padding:.6rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .3s}.btn-profile-danger:hover{background:#7f1d1d}.progress-empty{text-align:center;padding:2rem 1rem;color:#666;font-size:1.05rem;line-height:1.6}.progress-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:1rem;margin-bottom:1.5rem}.progress-stat-card{background:#f8f9fa;border-radius:10px;padding:1.25rem;text-align:center;border:1px solid #e5e7eb}.progress-stat-value{font-size:2rem;font-weight:700;color:#001829;line-height:1}.progress-stat-label{font-size:.8rem;color:#666;margin-top:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.progress-modes{margin-bottom:1.5rem}.progress-mode-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.progress-mode-row:last-child{border-bottom:none}.progress-mode-icon{font-size:1.3rem}.progress-mode-name{font-weight:600;color:#001829;flex:1}.progress-mode-count{color:#666;font-size:.9rem}.progress-mode-avg{font-weight:600;color:#001829;min-width:80px;text-align:right}.progress-recent{border-top:1px solid #e5e7eb;padding-top:1.25rem}.progress-recent h3{color:#001829;font-size:1.1rem;margin:0 0 1rem}.progress-recent-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.progress-recent-item:last-child{border-bottom:none}.progress-recent-icon{font-size:1.3rem;flex-shrink:0}.progress-recent-info{flex:1;min-width:0}.progress-recent-title{font-weight:600;color:#001829;font-size:.95rem}.progress-recent-meta{color:#888;font-size:.82rem;margin-top:.15rem}.progress-recent-score{font-weight:700;font-size:.95rem;flex-shrink:0;padding:.3rem .75rem;border-radius:6px}.progress-recent-score.passed{color:#065f46;background:#d1fae5}.progress-recent-score.failed{color:#991b1b;background:#fee2e2}@media(max-width:768px){.profile-content{padding:1rem}.profile-info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.profile-info-label{width:auto}.profile-avatar{width:90px;height:90px;font-size:2.2rem}.profile-btn-row{flex-direction:column}.profile-header-content{flex-direction:column;gap:1rem;align-items:flex-start}.progress-mode-row{flex-wrap:wrap}.progress-mode-avg{min-width:auto}.progress-recent-item{flex-wrap:wrap}.progress-recent-score{margin-left:2.05rem}}.progress-stat-card.streak-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.admin-container{min-height:100vh;background:#f3f4f6}.admin-content{max-width:1200px;margin:0 auto;padding:calc(64px + 2rem) 2rem 2rem}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;text-align:center;border-top:4px solid #d60000}.admin-stat-card .stat-number{font-size:2.5rem;font-weight:700;color:#001829;display:block}.admin-stat-card .stat-label{font-size:.95rem;color:#666;margin-top:.25rem}.admin-toolbar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.admin-search{flex:1;min-width:200px;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s}.admin-search:focus{outline:none;border-color:#001829}.admin-filter{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer}.admin-filter:focus{outline:none;border-color:#001829}.admin-table-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;border-top:4px solid #001829}.admin-table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #f0f0f0}.admin-table-header h2{margin:0;color:#001829;font-size:1.4rem}.admin-table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background:#f8f9fa;padding:1rem 1.5rem;text-align:left;font-weight:600;color:#333;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;white-space:nowrap}.admin-table td{padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;font-size:.95rem;color:#555}.admin-table tr:hover{background:#f8f9fa}.admin-table tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:.3rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.badge-paid{background:#d1fae5;color:#065f46}.badge-unpaid{background:#fee2e2;color:#991b1b}.badge-admin{background:#dbeafe;color:#1e40af}.badge-user{background:#f3f4f6;color:#555}.admin-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-admin-action{padding:.4rem .75rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s;white-space:nowrap}.btn-admin-action:hover{transform:translateY(-1px)}.btn-grant{background:#d1fae5;color:#065f46}.btn-grant:hover{background:#a7f3d0}.btn-revoke{background:#fef3c7;color:#92400e}.btn-revoke:hover{background:#fde68a}.btn-delete-user{background:#fee2e2;color:#991b1b}.btn-delete-user:hover{background:#fecaca}.btn-make-admin{background:#dbeafe;color:#1e40af}.btn-make-admin:hover{background:#bfdbfe}.admin-empty{text-align:center;padding:3rem;color:#999}.admin-empty .empty-icon{font-size:3rem;margin-bottom:1rem}.admin-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-confirm-dialog{background:#fff;border-radius:12px;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 8px 32px #0003}.admin-confirm-dialog h3{color:#991b1b;margin:0 0 1rem}.admin-confirm-dialog p{color:#555;margin-bottom:1.5rem}.admin-confirm-btns{display:flex;gap:1rem;justify-content:center}.btn-confirm-delete{background:#991b1b;color:#fff;padding:.6rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-confirm-delete:hover{background:#7f1d1d}.btn-confirm-cancel{background:#e5e7eb;color:#333;padding:.6rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-confirm-cancel:hover{background:#d1d5db}.admin-message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500;font-size:.95rem}.admin-message.success{background:#d1fae5;color:#065f46}.admin-message.error{background:#fee2e2;color:#991b1b}@media(max-width:768px){.admin-content{padding:calc(64px + 1rem) 1rem 1rem}.admin-table th,.admin-table td{padding:.75rem 1rem;font-size:.85rem}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-actions{flex-direction:column}}.admin-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:2px solid #e5e7eb}.admin-tab{background:none;border:none;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;color:#666;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.admin-tab:hover{color:#001829}.admin-tab.active{color:#001829;border-bottom-color:#d60000}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.analytics-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;border-top:4px solid #001829}.analytics-card h3{margin:0 0 1rem;font-size:1.1rem;color:#001829}.analytics-list{display:flex;flex-direction:column;gap:0}.analytics-list-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #f0f0f0}.analytics-list-item:last-child{border-bottom:none}.analytics-list-label{color:#001829;font-size:.9rem}.analytics-list-value{color:#d60000;font-weight:700;font-size:.9rem;white-space:nowrap;margin-left:1rem}.analytics-empty{color:#999;text-align:center;font-style:italic;padding:1rem 0}@media(max-width:768px){.analytics-grid{grid-template-columns:1fr}.admin-tab{padding:.7rem 1rem;font-size:.9rem}}.report-badge-count{display:inline-flex;align-items:center;justify-content:center;background:#d60000;color:#fff;font-size:.75rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;padding:0 6px;margin-left:6px}.report-question-cell{max-width:300px;white-space:normal;line-height:1.4;font-size:.85rem}.badge-source{background:#e0e7ff;color:#3730a3;text-transform:capitalize}.badge-report-open{background:#fef2f2;color:#dc2626}.badge-report-reviewed{background:#f0fdf4;color:#16a34a}.badge-report-dismissed{background:#f3f4f6;color:#6b7280}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;overflow-x:hidden}