*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(max-width:768px){*{-webkit-tap-highlight-color:transparent}button{min-height:44px}}.home-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);padding:20px;position:relative;overflow:hidden}.home-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(14,165,233,.15) 0%,transparent 50%);pointer-events:none}.container{max-width:800px;width:100%;text-align:center;position:relative;z-index:1}.home-page h1{font-size:3.5rem;color:#fff;margin-bottom:15px;text-shadow:0 4px 12px rgba(0,0,0,.3);font-weight:700;letter-spacing:-.5px}.subtitle{font-size:1.3rem;color:#ffffffd9;margin-bottom:50px;font-weight:300}.disciplines{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:40px}.discipline-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:35px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0003;text-align:left;position:relative;overflow:hidden}.discipline-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#0ea5e9,#06b6d4);transform:scaleX(0);transition:transform .4s ease}.discipline-card:hover:before{transform:scaleX(1)}.discipline-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0000004d;background:#fff}.discipline-card h2{font-size:1.9rem;background:linear-gradient(135deg,#3b82f6,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;font-weight:700}.discipline-card p{color:#64748b;font-size:1rem;line-height:1.6}@media(max-width:768px){.home-page{padding:16px}.home-page h1{font-size:2rem;margin-bottom:12px}.subtitle{font-size:1rem;margin-bottom:30px}.disciplines{grid-template-columns:1fr;gap:16px;margin-top:30px}.discipline-card{padding:20px;border-radius:12px}.discipline-card h2{font-size:1.5rem;margin-bottom:10px}.discipline-card p{font-size:.9rem}}.timer{display:flex;align-items:center;gap:12px;padding:14px 24px;border-radius:12px;font-weight:600;font-size:1.2rem;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.timer-normal{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:2px solid #93c5fd}.timer-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:2px solid #fcd34d;animation:pulse 1s infinite}.timer-critical{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #fca5a5;animation:pulse .5s infinite}.timer-label{font-size:.95rem;opacity:.9;font-weight:500}.timer-value{font-family:Courier New,Monaco,monospace;font-size:1.5rem;font-weight:700;letter-spacing:1px}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #0000001a}50%{transform:scale(1.05);box-shadow:0 4px 16px #0003}}@media(max-width:768px){.timer{padding:12px 18px;border-radius:10px;gap:10px;width:100%;justify-content:center}.timer-label{font-size:.85rem}.timer-value{font-size:1.3rem;letter-spacing:.5px}}.question-card{background:#fff;border-radius:16px;padding:35px;box-shadow:0 4px 16px #00000014;margin-bottom:25px;transition:all .3s ease;border:1px solid rgba(226,232,240,.8)}.question-card.locked{opacity:.75;background:#f8fafc;border:2px solid #cbd5e1}.question-text{font-size:1.5rem;color:#1e293b;margin-bottom:30px;line-height:1.6;font-weight:600}.options{display:flex;flex-direction:column;gap:14px}.option-button{padding:18px 24px;text-align:left;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;font-size:1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:#334155;font-weight:500}.option-button:hover:not(:disabled){border-color:#3b82f6;background:#eff6ff;transform:translate(6px);box-shadow:0 4px 12px #3b82f626}.option-button.selected{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#0ea5e9);color:#000;font-weight:600;box-shadow:0 4px 16px #3b82f64d;transform:translate(4px)}.option-button.selected:active,.option-button.selected:focus{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#0ea5e9);color:#fff;outline:none}.option-button:active:not(.selected){background:#f1f5f9;transform:translate(2px)}.option-button:focus{outline:none}.option-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.option-button:disabled{cursor:not-allowed;opacity:.6}.locked-message{margin-top:25px;padding:18px;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;border-radius:12px;text-align:center;font-weight:600;border:2px solid #fecaca;font-size:1rem}@media(max-width:768px){.question-card{padding:20px 16px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f}.question-text{font-size:1.15rem;margin-bottom:20px;line-height:1.5;font-weight:600}.options{gap:12px}.option-button{padding:16px 18px;font-size:.95rem;border-radius:10px;min-height:56px;display:flex;align-items:center;line-height:1.4;border-width:2px}.option-button:hover:not(:disabled){transform:translate(3px)}.option-button.selected{transform:translate(2px)}.locked-message{margin-top:20px;padding:14px;font-size:.9rem;border-radius:10px}}.test-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px 20px 30px}@media(max-width:768px){.test-page{padding:12px 12px 20px}}.test-header{background:#fff;border-radius:16px;padding:25px 35px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 16px #00000014;flex-wrap:wrap;gap:20px;border:1px solid rgba(226,232,240,.8)}.test-info h2{font-size:1.6rem;color:#1e293b;margin-bottom:8px;font-weight:700}.test-info p{color:#64748b;font-size:1rem;font-weight:500}.progress-bar{width:100%;height:10px;background:#e2e8f0;border-radius:10px;margin-bottom:35px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#0ea5e9,#06b6d4);transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #3b82f666}.test-content{max-width:900px;margin:0 auto}.navigation-buttons{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:35px}.answer-required-message{color:#ef4444;font-size:1rem;font-weight:500;margin:0;padding:12px 20px;background:#fef2f2;border:2px solid #fecaca;border-radius:8px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.nav-button{padding:16px 48px;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px}.next-button{background:linear-gradient(135deg,#3b82f6,#0ea5e9);color:#fff;box-shadow:0 4px 12px #3b82f64d}.next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.next-button:active{transform:translateY(0)}.nav-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.test-page{padding:12px 12px 20px}.test-header{flex-direction:column;align-items:stretch;padding:16px;margin-bottom:16px;gap:12px}.test-info{width:100%}.test-info h2{font-size:1.1rem;margin-bottom:6px;line-height:1.3}.test-info p{font-size:.9rem}.progress-bar{height:8px;margin-bottom:20px;border-radius:8px}.test-content{margin:0}.navigation-buttons{flex-direction:column;gap:12px;margin-top:24px}.answer-required-message{font-size:.9rem;padding:10px 16px;text-align:center}.nav-button{width:100%;padding:16px 24px;font-size:1rem;border-radius:12px;min-height:52px}}.results-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);padding:30px 20px;position:relative;overflow:hidden}.results-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(14,165,233,.1) 0%,transparent 50%);pointer-events:none}.results-page .container{max-width:900px;width:100%;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:50px;box-shadow:0 20px 60px #0000004d;position:relative;z-index:1}.results-page h1{font-size:2.8rem;color:#1e293b;text-align:center;margin-bottom:40px;font-weight:700}.results-summary{display:flex;flex-direction:column;align-items:center;gap:35px;margin-bottom:45px}.grade-circle{width:140px;height:140px;border-radius:50%;border:6px solid;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 8px 24px #0000001a}.grade-number{font-size:4.5rem;font-weight:700}.results-stats{width:100%;display:flex;flex-direction:column;gap:18px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.stat-item:hover{background:#f1f5f9;border-color:#cbd5e1}.stat-label{font-size:1.05rem;color:#64748b;font-weight:500}.stat-value{font-size:1.3rem;font-weight:700;color:#1e293b}.stat-value.correct{color:#10b981}.stat-value.wrong{color:#ef4444}.grade-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;padding:25px;margin-bottom:35px;border:1px solid #bae6fd}.grade-info p{font-size:1.15rem;color:#1e293b;margin-bottom:18px;font-weight:600}.grade-info ul{list-style:none;padding:0}.grade-info li{padding:10px 0;color:#475569;font-size:1rem;border-bottom:1px solid rgba(186,230,253,.5)}.grade-info li:last-child{border-bottom:none}.grade-info li strong{color:#0ea5e9;font-size:1.1rem;font-weight:700}.wrong-answers-section{margin-bottom:35px}.toggle-button{width:100%;padding:18px 24px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:12px;font-size:1.1rem;font-weight:600;color:#991b1b;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center;gap:12px}.toggle-button:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.wrong-answers-list{margin-top:20px;display:flex;flex-direction:column;gap:25px}.wrong-answer-item{background:#fff;border:2px solid #fee2e2;border-radius:16px;padding:25px;box-shadow:0 4px 12px #0000000d}.question-header{display:flex;align-items:center;margin-bottom:15px}.question-number{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:6px 16px;border-radius:8px;font-size:.9rem;font-weight:600}.question-text{font-size:1.15rem;color:#1e293b;margin-bottom:20px;font-weight:500;line-height:1.6}.answers-comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.answer-option{padding:16px;border-radius:12px;border:2px solid}.answer-label{display:block;font-size:.9rem;font-weight:600;margin-bottom:10px}.wrong-label{color:#991b1b}.correct-label{color:#065f46}.answer-value{font-size:1.05rem;font-weight:500;line-height:1.5}.wrong-answer{color:#dc2626;background:#fef2f2;border-color:#fecaca}.correct-answer{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.all-options{margin-top:20px;padding-top:20px;border-top:2px solid #e2e8f0}.options-title{font-size:1rem;font-weight:600;color:#475569;margin-bottom:12px}.options-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.option-item{padding:12px 16px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;transition:all .2s ease}.option-item.is-correct{background:#ecfdf5;border-color:#a7f3d0;color:#059669;font-weight:600}.option-item.is-wrong{background:#fef2f2;border-color:#fecaca;color:#dc2626;font-weight:600}.restart-button{width:100%;padding:18px;font-size:1.15rem;font-weight:600;background:linear-gradient(135deg,#3b82f6,#0ea5e9);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.restart-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.5rem;color:#64748b;font-weight:500}@media(max-width:768px){.results-page{padding:16px 12px}.results-page .container{padding:24px 16px;border-radius:16px}.results-page h1{font-size:1.75rem;margin-bottom:30px}.results-summary{gap:24px;margin-bottom:30px}.grade-circle{width:100px;height:100px;border-width:5px}.grade-number{font-size:3rem}.results-stats{gap:12px}.stat-item{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 18px}.stat-label{font-size:.95rem}.stat-value{font-size:1.1rem}.grade-info{padding:20px;margin-bottom:24px;border-radius:12px}.grade-info p{font-size:1rem;margin-bottom:14px}.grade-info li{font-size:.9rem;padding:8px 0}.toggle-button{padding:14px 18px;font-size:1rem;border-radius:10px}.wrong-answer-item{padding:20px;border-radius:12px}.question-number{font-size:.85rem;padding:5px 12px}.question-text{font-size:1.05rem;margin-bottom:16px}.answers-comparison{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.answer-option{padding:14px}.answer-label{font-size:.85rem;margin-bottom:8px}.answer-value{font-size:.95rem}.all-options{margin-top:16px;padding-top:16px}.options-title{font-size:.9rem;margin-bottom:10px}.options-list{gap:8px}.option-item{padding:10px 14px;font-size:.9rem}.restart-button{padding:16px;font-size:1.05rem;border-radius:10px;min-height:52px}}.app{min-height:100vh}