*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--bg-card: #1a1d28;--bg-card-hover: #222636;--bg-input: #161923;--border: #2a2e3d;--text: #e4e6ed;--text-muted: #8b8fa3;--primary: #f74c00;--primary-hover: #ff6a2a;--success: #22c55e;--success-bg: rgba(34, 197, 94, .1);--error: #ef4444;--error-bg: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--radius: 8px;--radius-lg: 12px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}.layout{min-height:100vh;display:flex;flex-direction:column}.header{border-bottom:1px solid var(--border);background:#0f1117e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.header-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;height:60px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.3rem;font-weight:700;color:var(--text)}.logo:hover{color:var(--text)}.logo-rust{color:var(--primary)}.nav{display:flex;align-items:center;gap:1.25rem}.nav a{color:var(--text-muted);font-size:.9rem;transition:color .2s}.nav a:hover{color:var(--text)}.main{flex:1;max-width:1100px;margin:0 auto;padding:2rem 1.5rem;width:100%}.footer{border-top:1px solid var(--border);padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;border-radius:var(--radius);font-size:.9rem;font-weight:500;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;transition:all .2s}.btn:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.btn-secondary{background:transparent;border-color:var(--border)}.btn-danger{background:var(--error);border-color:var(--error);color:#fff}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-lg{padding:.85rem 2rem;font-size:1.05rem}.btn-full{width:100%}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:inherit;padding:0}.btn-link:hover{color:var(--primary-hover)}.form-group{margin-bottom:1rem}.form-group label{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--text-muted);margin-bottom:.4rem}.form-group input,.form-group textarea{width:100%;padding:.65rem .9rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:.95rem;font-family:var(--font);transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-message{padding:.6rem .9rem;border-radius:var(--radius);font-size:.85rem;margin-bottom:1rem}.form-message.error{background:var(--error-bg);color:var(--error);border:1px solid rgba(239,68,68,.2)}.form-message.success{background:var(--success-bg);color:var(--success);border:1px solid rgba(34,197,94,.2)}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;accent-color:var(--primary)}.topic-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.hero{text-align:center;padding:2.5rem 0 2rem}.hero h1{font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.hero p{color:var(--text-muted);font-size:1.1rem}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.topic-card{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;transition:all .2s;color:var(--text)}.topic-card:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-2px);color:var(--text)}.topic-card-icon{font-size:1.8rem;margin-bottom:.5rem}.topic-card-title{font-size:1.05rem;font-weight:600;margin-bottom:.35rem}.topic-card-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.topic-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.topic-card-score{color:var(--success)}.topic-card-progress{margin-top:.5rem;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.topic-card-progress-fill{height:100%;background:var(--success);border-radius:2px;transition:width .3s}.topic-page{max-width:600px;margin:0 auto;text-align:center}.back-link{display:inline-block;margin-bottom:1.5rem;color:var(--text-muted);font-size:.9rem}.back-link:hover{color:var(--text)}.topic-hero{margin-bottom:2rem}.topic-hero-icon{font-size:3rem;display:block;margin-bottom:.75rem}.topic-hero h1{font-size:1.8rem;margin-bottom:.5rem}.topic-hero p{color:var(--text-muted)}.topic-info{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.topic-stat{display:flex;flex-direction:column;align-items:center}.topic-stat-value{font-size:1.5rem;font-weight:700}.topic-stat-label{font-size:.8rem;color:var(--text-muted)}.auth-page{display:flex;justify-content:center;padding-top:3rem}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:420px}.auth-card h2{margin-bottom:.5rem}.auth-card>p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.auth-hint{font-size:.85rem;color:var(--text-muted);margin-top:1rem}.loading{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state{text-align:center;padding:2rem;color:var(--text-muted)}.error-page{text-align:center;padding:3rem 0}.error-page h1{font-size:4rem;color:var(--primary)}.error-page h2{margin-bottom:.5rem}.error-page p{color:var(--text-muted);margin-bottom:1.5rem}.tag{display:inline-block;padding:.15rem .5rem;background:#f74c001a;color:var(--primary);border-radius:4px;font-size:.75rem;margin-right:.3rem;margin-bottom:.3rem}.status-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;color:#fff}.coming-soon{font-size:.8rem;color:var(--text-muted);font-style:italic}@media(max-width:768px){.hero h1{font-size:1.6rem}.topics-grid{grid-template-columns:1fr}.header-inner{padding:0 1rem}.main{padding:1.5rem 1rem}.nav{gap:.75rem}.topic-checkboxes{grid-template-columns:1fr 1fr}}.quiz-page{max-width:720px;margin:0 auto}.quiz-header{margin-bottom:1rem}.quiz-header h2{font-size:1.2rem;color:var(--text-muted)}.progress-bar-container{margin-bottom:1.5rem}.progress-bar-info{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted);margin-bottom:.4rem}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .4s ease}.question-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.question-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.question-title{font-size:1.1rem;font-weight:600}.difficulty-badge{padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;white-space:nowrap}.difficulty-badge.easy{background:var(--success-bg);color:var(--success)}.difficulty-badge.medium{background:var(--warning-bg);color:var(--warning)}.difficulty-badge.hard{background:var(--error-bg);color:var(--error)}.code-block{margin:1rem 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.code-block-header{background:#2d2d2d;padding:.4rem .75rem;display:flex;justify-content:space-between;align-items:center}.code-block-lang{font-size:.75rem;color:#999;text-transform:uppercase;font-family:var(--font-mono)}.answers-list{display:flex;flex-direction:column;gap:.5rem;margin:1.25rem 0}.answer-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-input);color:var(--text);cursor:pointer;transition:all .15s;text-align:left;font-size:.95rem;font-family:var(--font);width:100%}.answer-option:hover:not(:disabled){border-color:var(--primary);background:#f74c000d}.answer-option.selected{border-color:var(--primary);background:#f74c001a}.answer-option.correct{border-color:var(--success);background:var(--success-bg)}.answer-option.incorrect{border-color:var(--error);background:var(--error-bg)}.answer-option:disabled{cursor:default}.answer-label{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--border);font-size:.8rem;font-weight:600;flex-shrink:0}.answer-option.selected .answer-label{background:var(--primary);color:#fff}.answer-option.correct .answer-label{background:var(--success);color:#fff}.answer-option.incorrect .answer-label{background:var(--error);color:#fff}.answer-text{flex:1}.answer-icon{font-weight:700;font-size:1.1rem;flex-shrink:0}.question-actions{display:flex;justify-content:flex-end}.explanation{margin-top:1.25rem;padding:1rem;border-radius:var(--radius);font-size:.9rem;line-height:1.7}.explanation.correct{background:var(--success-bg);border:1px solid rgba(34,197,94,.2)}.explanation.incorrect{background:var(--error-bg);border:1px solid rgba(239,68,68,.2)}.explanation h4{margin-bottom:.5rem;font-size:.95rem}.explanation p{color:var(--text)}.explanation code{background:#ffffff1a;padding:.1rem .4rem;border-radius:3px;font-family:var(--font-mono);font-size:.85rem}.results-page{display:flex;justify-content:center;padding-top:2rem}.results-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;max-width:480px;width:100%}.results-grade{font-size:1.6rem;margin-bottom:.25rem}.results-grade.excellent{color:var(--success)}.results-grade.great{color:#22d3ee}.results-grade.good{color:var(--warning)}.results-grade.practice{color:var(--error)}.results-card h2{font-size:1.1rem;color:var(--text-muted);margin-bottom:1.5rem}.results-score{margin-bottom:2rem}.results-circle{width:120px;height:120px;border-radius:50%;border:4px solid var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.results-pct{font-size:2rem;font-weight:700}.results-score p{color:var(--text-muted)}.results-actions{display:flex;flex-direction:column;gap:.5rem}.dashboard-page{max-width:800px;margin:0 auto}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:1.6rem;margin-bottom:.25rem}.dashboard-header p{color:var(--text-muted);font-size:.9rem}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;text-align:center}.stat-value{display:block;font-size:1.8rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.8rem;color:var(--text-muted)}.dashboard-topics h2{font-size:1.2rem;margin-bottom:1rem}.dashboard-topic-list{display:flex;flex-direction:column;gap:.5rem}.dashboard-topic-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem}.dashboard-topic-info h3{font-size:.95rem;font-weight:500}.dashboard-topic-info h3 a{color:var(--text)}.dashboard-topic-info h3 a:hover{color:var(--primary)}.topic-question-count{font-size:.8rem;color:var(--text-muted)}.dashboard-topic-progress{display:flex;align-items:center;gap:.75rem}.mini-progress-bar{width:80px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.mini-progress-fill{height:100%;background:var(--success);border-radius:2px}.progress-text{font-size:.85rem;font-weight:500}.attempt-count{font-size:.75rem;color:var(--text-muted);margin-left:.3rem}@media(max-width:768px){.dashboard-stats{grid-template-columns:1fr}.dashboard-topic-row{flex-direction:column;align-items:flex-start;gap:.5rem}}.admin-page h1{font-size:1.6rem;margin-bottom:1.5rem}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.admin-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.admin-section h3{font-size:1.05rem;margin-bottom:1rem}.invite-form h3{margin-bottom:1rem}.invite-table-wrapper{overflow-x:auto}.invite-table{width:100%;border-collapse:collapse;font-size:.85rem}.invite-table th,.invite-table td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.invite-table th{color:var(--text-muted);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.invite-table tr:last-child td{border-bottom:none}.invite-topics{display:flex;flex-wrap:wrap;gap:.2rem}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}}