@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color-scheme:dark;--bg: #0b1220;--bg-soft: #0f1b2e;--surface: #12223a;--surface-strong: #162a45;--text: #e6f3ff;--muted: #96a4bc;--accent: #1ccad8;--accent-strong: #37e2ff;--success: #3ddc97;--danger: #ff6b6b;--outline: rgba(49, 227, 255, .2);--shadow: 0 20px 60px rgba(7, 14, 26, .45);--radius: 18px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(28,202,216,.12),transparent 55%),linear-gradient(135deg,#0b1220,#0e1627,#0b1220);min-height:100vh}body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(28,202,216,.08) 1px,transparent 1px),linear-gradient(rgba(28,202,216,.06) 1px,transparent 1px);background-size:80px 80px;opacity:.2;pointer-events:none}button{font-family:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{max-width:1120px;margin:0 auto;padding:32px 24px 40px;position:relative}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:18px 24px;background:#0a1220d9;border:1px solid var(--outline);border-radius:999px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:14px}.brand-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#37e2ff4d,#1ccad8e6);box-shadow:inset 0 0 18px #0a122099;position:relative}.brand-icon:after{content:"";position:absolute;inset:12px;border:2px solid rgba(10,18,32,.8);border-radius:8px}.brand-title{font-size:18px;font-weight:600}.brand-subtitle{font-size:13px;color:var(--muted)}.lang-toggle{display:flex;align-items:center;gap:10px}.lang-label{font-size:12px;color:var(--muted)}.chip{border:1px solid transparent;background:#12223ab3;color:var(--text);border-radius:999px;padding:6px 14px;cursor:pointer;font-size:12px;letter-spacing:.08em;transition:all .2s ease}.chip--active{border-color:var(--accent);background:#1ccad829;color:var(--accent-strong)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px;animation:fadeIn .6s ease-out}.hero-card{background:var(--bg-soft);border-radius:var(--radius);padding:28px;border:1px solid var(--outline);box-shadow:var(--shadow)}.hero-card h1{font-size:32px;margin:12px 0 10px}.hero-card p{color:var(--muted);line-height:1.6}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#1ccad833;color:var(--accent-strong);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hero-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}.hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid rgba(28,202,216,.5);box-shadow:0 12px 26px #1ccad838}.hero-cta:after{content:"→";font-weight:700;color:var(--accent-strong)}.hero-note{font-size:12px;color:var(--muted)}.hero-panel{background:linear-gradient(135deg,#12223ae6,#080f1ee6);border-radius:var(--radius);padding:24px;border:1px solid rgba(55,226,255,.18);box-shadow:var(--shadow)}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.panel-tile{padding:16px;border-radius:14px;border:1px solid rgba(28,202,216,.2);background:#0a1220cc}.tile-label{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.1em}.tile-value{margin-top:8px;font-size:16px}.btn{border-radius:999px;padding:12px 22px;border:none;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#03131b;box-shadow:0 12px 28px #1ccad84d}.btn-secondary{background:#12223ae6;color:var(--text);border:1px solid var(--outline)}.btn:hover{transform:translateY(-1px)}.session{margin-top:28px;display:grid;gap:24px;animation:fadeIn .5s ease-out}.session-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.meta-block{padding:16px;background:#0f1b2ee6;border-radius:14px;border:1px solid var(--outline)}.meta-label{font-size:12px;color:var(--muted)}.meta-value{font-size:20px;font-weight:600;margin-top:6px}.progress-bar{margin-top:12px;height:6px;background:#1ccad81f;border-radius:999px;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width .3s ease}.card{background:var(--bg-soft);border-radius:var(--radius);padding:28px;border:1px solid var(--outline);box-shadow:var(--shadow);animation:rise .6s ease}.card h2{margin-top:10px;margin-bottom:8px}.prompt{color:var(--muted);line-height:1.6}.multi-hint{margin-top:10px;font-size:12px;color:var(--accent-strong)}.card-tags{display:flex;gap:10px;flex-wrap:wrap}.tag{padding:6px 12px;border-radius:999px;background:#1ccad826;color:var(--accent-strong);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.tag-outline{background:transparent;border:1px solid var(--outline);color:var(--text)}.options{display:grid;gap:12px;margin-top:20px}.options-actions{margin-top:14px;display:flex;gap:12px}.option{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid transparent;background:#12223acc;color:var(--text);cursor:pointer;text-align:left;animation:fadeSlide .4s ease forwards;animation-delay:calc(var(--i) * .05s);opacity:0}.option:disabled{cursor:default}.option-index{font-family:IBM Plex Mono,monospace;color:var(--accent-strong)}.option--selected{border-color:var(--accent)}.option--correct{border-color:var(--success);background:#3ddc971f}.option--wrong{border-color:var(--danger);background:#ff6b6b1f}.feedback{padding:22px;border-radius:var(--radius);border:1px solid var(--outline);background:#0b1220eb;box-shadow:var(--shadow)}.feedback--correct{border-color:#3ddc9766}.feedback--wrong{border-color:#ff6b6b66}.feedback h3{margin-top:0}.feedback p{color:var(--muted);line-height:1.6}.near-miss{color:var(--accent-strong);font-weight:600}.summary{margin-top:32px;display:grid;gap:24px;animation:fadeIn .5s ease-out}.summary-header{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--bg-soft);padding:20px 24px;border-radius:var(--radius);border:1px solid var(--outline)}.summary-lead{color:var(--muted)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.summary-card{background:var(--bg-soft);border-radius:var(--radius);padding:20px;border:1px solid var(--outline)}.summary-card ul{padding-left:18px;color:var(--muted)}.summary-subtitle{margin-top:18px}.category-list{display:grid;gap:10px;margin-top:12px}.category-item{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.category-score{color:var(--accent-strong);font-weight:600}.muted{color:var(--muted)}.summary-actions{display:flex;justify-content:flex-start}.summary-promo{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#1ccad833,#0f1b2ef2);border-radius:var(--radius);padding:20px 24px;border:1px solid rgba(28,202,216,.35);box-shadow:var(--shadow)}.summary-cta{text-decoration:none;border:1px solid rgba(28,202,216,.5);box-shadow:0 12px 26px #1ccad838}.summary-cta:hover{transform:translateY(-1px)}.footer{margin-top:40px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{color:var(--accent-strong)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.app{padding:28px 20px 32px}.header{padding:16px 20px}.hero-card h1{font-size:28px}}@media(max-width:900px){.summary-header,.summary-promo{flex-direction:column;align-items:flex-start}}@media(max-width:720px){.header{flex-direction:column;align-items:flex-start;border-radius:24px}.hero-card,.card{padding:22px}.summary-card{padding:18px}}@media(max-width:600px){.app{padding:22px 16px 28px}.hero-card h1{font-size:24px}.brand-title{font-size:16px}.brand-subtitle{font-size:12px}.panel-grid{grid-template-columns:1fr}.hero-actions .btn,.options-actions .btn,.summary-header .btn,.summary-cta{width:100%}.options{gap:10px}.option{padding:12px 14px}}@media(max-width:480px){.app{padding:18px 14px 24px}.hero-card h1{font-size:22px}.meta-value{font-size:18px}}