:root{--bg-primary: #050510;--bg-secondary: #0f1020;--bg-tertiary: #1a1b30;--bg-card: rgba(30, 30, 50, .4);--bg-glass: rgba(255, 255, 255, .05);--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-muted: #6e7681;--accent-primary: #00e5ff;--accent-secondary: #7000ff;--accent-success: #00ff9d;--accent-warning: #ffb700;--accent-error: #ff0055;--accent-orange: #ff7b00;--gradient-primary: linear-gradient(135deg, var(--accent-secondary), var(--accent-primary));--gradient-glass: linear-gradient(145deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.01) 100%);--border-color: rgba(255, 255, 255, .1);--border-radius: 16px;--shadow: 0 8px 32px rgba(0, 0, 0, .5);--shadow-hover: 0 12px 48px rgba(0, 229, 255, .2);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 3rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-primary);background-image:radial-gradient(circle at 10% 20%,rgba(112,0,255,.1) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,229,255,.1) 0%,transparent 40%);color:var(--text-primary);line-height:1.6;min-height:100vh}.app-container{max-width:1400px;margin:0 auto;padding:var(--spacing-md)}.header{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) 0;position:relative}.header h1{font-size:3.5rem;font-weight:800;letter-spacing:-2px;margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(0,229,255,.3)}.subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:var(--spacing-lg);font-weight:300}.badges{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.badge{padding:6px 16px;border-radius:50px;font-size:.85rem;font-weight:600;backdrop-filter:blur(5px);transition:transform .2s}.badge:hover{transform:scale(1.05)}.badge-orange{background:#ff7b0026;color:var(--accent-orange);border:1px solid rgba(255,123,0,.3)}.badge-green{background:#00ff9d26;color:var(--accent-success);border:1px solid rgba(0,255,157,.3)}.badge-blue{background:#00e5ff26;color:var(--accent-primary);border:1px solid rgba(0,229,255,.3)}.badge a{color:inherit;text-decoration:none}.hero-section,.info-section,.model-selection,.status-panel,.results-card,.question-card,.feedback-card{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.hero-section{text-align:center;background:linear-gradient(160deg,#1e1e3299,#0a0a14cc)}.hero-content h2{font-size:2.5rem;margin-bottom:var(--spacing-md);color:#fff}.hero-content>p{color:var(--text-secondary);font-size:1.25rem;max-width:700px;margin:0 auto var(--spacing-lg)}.hero-features{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.hero-feature{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 24px;background:#ffffff08;border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.hero-feature:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 20px #0003}.feature-icon{font-size:1.5rem}.feature-text{font-weight:500;color:var(--text-primary)}.info-section h2{font-size:2rem;margin-bottom:var(--spacing-lg);text-align:center;font-weight:700}.section-description{color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-xl);font-size:1.1rem}.architecture-diagram{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:#0003;border-radius:var(--border-radius)}.arch-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color);min-width:140px;height:140px;transition:transform .3s}.arch-box:hover{transform:translateY(-5px);border-color:var(--accent-primary)}.arch-icon{font-size:2.5rem}.arch-label{font-weight:700}.arch-sublabel{font-size:.8rem;color:var(--text-muted)}.arch-arrow{font-size:2rem;color:var(--accent-primary);opacity:.7}.how-it-works-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.step-card{padding:var(--spacing-lg);background:var(--bg-glass);border-radius:12px;text-align:center;border:1px solid transparent;transition:all .3s ease}.step-card:hover{background:#ffffff14;border-color:var(--accent-secondary)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gradient-primary);border-radius:50%;color:#fff;font-weight:800;margin-bottom:var(--spacing-md);box-shadow:0 4px 15px #7000ff66}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-lg)}.topic-card{padding:var(--spacing-lg);background:linear-gradient(180deg,#ffffff08,#ffffff03);border-radius:16px;text-align:center;transition:all .3s ease;border:1px solid var(--border-color);cursor:pointer}.topic-card:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:var(--shadow-hover);background:#ffffff0f}.topic-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:block}.models-table{width:100%;border-collapse:collapse;display:flex;flex-direction:column;background:#0003;border-radius:12px;overflow:hidden}.model-row{display:grid;grid-template-columns:1fr 1fr 2fr;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);align-items:center}.model-row:last-child{border-bottom:none}.model-header{background:#ffffff0d;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.status-panel{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:space-evenly;background:#0000004d}.status-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.status-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.status-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.model-selection{text-align:center}.model-group select{width:100%;max-width:500px;padding:16px;font-size:1.1rem;background:var(--bg-tertiary);color:#fff;border:1px solid var(--border-color);border-radius:12px;margin-top:var(--spacing-sm);cursor:pointer;transition:border-color .2s}.model-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #00e5ff1a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:16px 32px;font-size:1.1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #7000ff4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00e5ff66;filter:brightness(1.1)}.btn:disabled{background:#333;color:#666;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid var(--border-color)}.btn-secondary:hover{background:#fff3}.progress-container{margin-top:var(--spacing-xl)}.progress-bar{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-fill{height:100%;background:var(--gradient-primary);width:0%;transition:width .3s ease;box-shadow:0 0 10px #00e5ff80}.score-display{display:flex;justify-content:space-around;padding:var(--spacing-lg);background:#0000004d;border-radius:12px;margin-bottom:var(--spacing-lg);border:1px solid var(--border-color)}.score-value{font-size:2rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.question-card{text-align:left}.question-topic{background:var(--accent-secondary);padding:4px 12px;border-radius:4px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.question-text{font-size:1.5rem;margin-top:var(--spacing-md);line-height:1.5}.answer-input{width:100%;padding:var(--spacing-md);font-size:1.1rem;background:#0000004d;color:#fff;border:1px solid var(--border-color);border-radius:12px;min-height:120px;font-family:inherit;margin-bottom:var(--spacing-lg)}.answer-input:focus{outline:none;border-color:var(--accent-primary)}.answer-actions{display:flex;gap:var(--spacing-md)}.feedback-header.correct{border-bottom:2px solid var(--accent-success);color:var(--accent-success)}.feedback-header.incorrect{border-bottom:2px solid var(--accent-error);color:var(--accent-error)}.final-score-value{font-size:6rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer{border-top:1px solid var(--border-color);padding:var(--spacing-xl) 0;text-align:center;color:var(--text-muted)}.footer a{color:var(--accent-primary);text-decoration:none}.footer a:hover{text-decoration:underline;text-shadow:0 0 10px var(--accent-primary)}@media (max-width: 768px){:root{--spacing-xl: 2rem;--spacing-lg: 1rem}.app-container{padding:var(--spacing-sm);width:100%}.header h1{font-size:2.2rem}.header{padding:var(--spacing-lg) 0}.badges{flex-direction:column;align-items:center}.model-row{grid-template-columns:1fr;gap:var(--spacing-xs);text-align:center}.model-header{display:none}.model-row span:nth-child(1){font-size:1.2rem;margin-bottom:4px;color:var(--accent-primary)}.model-row span:nth-child(2){color:var(--text-muted);font-size:.9rem}.architecture-diagram{flex-direction:column}.arch-arrow{transform:rotate(90deg);margin:var(--spacing-sm) 0}.hero-features{flex-direction:column;align-items:stretch}.hero-feature{justify-content:center}.answer-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.score-display{flex-wrap:wrap;gap:var(--spacing-md)}.score-item{min-width:40%}.final-stats{flex-direction:column;gap:var(--spacing-md)}}