:root{--blue:#2563eb;--muted:#6b7280;--bg:#f6f8fb}*{box-sizing:border-box}body{font-family:Inter,Arial,Helvetica,sans-serif;margin:0;background:var(--bg);color:#0f172a}.container{max-width:980px;margin:24px auto;padding:0 16px}.site-header{background:#fff;border-bottom:1px solid #e6eef7;padding:12px 0}.header-inner{display:flex;align-items:center;justify-content:space-between}.brand a{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:700}.brand img{height:36px}.site-header nav a{margin-left:12px;text-decoration:none;color:var(--muted)}.linkbtn{background:none;border:none;color:var(--muted);cursor:pointer;padding:6px;font-weight:600}.card{background:#fff;padding:16px;border-radius:10px;box-shadow:0 6px 18px #0206170f;margin-bottom:16px}.page-title{margin:0 0 6px;font-size:1.2rem}.muted{color:var(--muted);font-size:.95rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px}.lang-card{text-decoration:none;background:#fff;padding:12px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #eef2f7;color:inherit}.lang-card .flag{width:48px;height:36px}.lang-name{font-weight:700}.lang-native{color:var(--muted);font-size:.9rem}.list{display:flex;flex-direction:column;gap:8px}.lesson-bar{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;border:1px solid #eef2f7;background:#fff;cursor:pointer}.lesson-left{display:flex;flex-direction:column}.lesson-title{font-weight:700}.lesson-sub{font-size:.9rem;color:var(--muted)}.field{margin-bottom:10px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db}.btn{background:var(--blue);color:#fff;padding:8px 12px;border-radius:8px;border:none;cursor:pointer;font-weight:700}.btn.ghost{background:transparent;border:2px solid var(--blue);color:var(--blue)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px;border-bottom:1px solid #eef2f7;text-align:left}.auth-card{max-width:480px;margin:0 auto}.page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.home-container{max-width:600px;margin:0 auto;padding:2rem;text-align:center}.page-title{font-size:1.8rem;margin-bottom:.5rem}.muted{color:#666;margin-bottom:2rem}.language-list{display:flex;flex-direction:column;gap:1rem}.language-bar{display:flex;align-items:center;padding:1rem;border-radius:8px;cursor:pointer;background:#f9f9f9;box-shadow:0 2px 6px #0000001a;transition:transform .2s,box-shadow .2s;opacity:0;transform:translate(-30px);animation:slideIn .3s forwards}.language-bar:hover{transform:translate(0) scale(1.02);box-shadow:0 4px 12px #00000026}.flag{width:48px;height:36px;margin-right:1rem;flex-shrink:0;border-radius:4px;-o-object-fit:cover;object-fit:cover}.lang-info{text-align:left}.lang-name{font-weight:700;font-size:1.1rem}.lang-native{font-size:.9rem;color:#555}.brand img{width:150px}.brand{width:100%}.home-container .brand img{width:204px;height:auto;padding:15px;margin-bottom:7px}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.site-header{background:#fff;border-bottom:1px solid #ddd;padding:.5rem 1rem;position:sticky;top:0;z-index:1000}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:480px;margin:0 auto}.left,.center,.right{display:flex;align-items:center}.back-btn{font-size:1.5rem;background:none;border:none;cursor:pointer}.brand img{margin-right:.5rem}.brand span{font-weight:700;font-size:1.2rem}.hamburger{font-size:1.5rem;background:none;border:none;cursor:pointer;display:block}.nav-menu{display:none;flex-direction:column;position:absolute;right:1rem;top:60px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:.5rem 1rem}.nav-menu.open{display:flex}.nav-menu a,.nav-menu .linkbtn{margin:.5rem 0;text-decoration:none;color:#333;font-weight:500}.linkbtn{background:none;border:none;cursor:pointer;font:inherit;padding:0}.toggle-translation-btn{background:#f0f0f0;border:none;padding:6px 10px;border-radius:6px;margin-top:8px;cursor:pointer;font-size:14px}@media (min-width: 600px){.hamburger{display:none}.nav-menu{display:flex!important;position:static;flex-direction:row;gap:1rem;border:none;padding:0}}.site-footer{border-top:1px solid #ddd;padding:1rem;background:#f9f9f9;text-align:center;font-size:.85rem;color:#555;position:relative;bottom:0;width:100%}.footer-container{max-width:480px;margin:0 auto}.site-footer p{margin:.25rem 0}@media (min-width: 600px){.footer-container{display:flex;justify-content:space-between;text-align:left}}.home-container{max-width:1100px;margin:0 auto;padding:28px 20px 80px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.hero{background:linear-gradient(135deg,#5eead4,#60a5fa 55%);color:#06314a;border-radius:14px;padding:28px;margin-bottom:22px;box-shadow:0 8px 30px #0f172a14}.hero-inner{display:flex;gap:20px;align-items:center;justify-content:space-between}.hero-title{margin:0 0 8px;font-size:28px;line-height:1.05}.hero-sub{margin:0 0 16px;color:#06314ad9}.hero-actions{display:flex;gap:12px;align-items:center}.search-input{padding:12px 14px;border-radius:10px;border:1px solid rgba(6,49,74,.08);width:320px;font-size:14px;outline:none;box-shadow:none}.btn.primary{background:#0ea5e9;color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer}.hero-visual{display:flex;align-items:center;justify-content:center}.mock-card{width:170px;height:110px;border-radius:12px;background:linear-gradient(180deg,#ffffffe6,#ffffffb3);box-shadow:0 6px 24px #02061714;padding:12px}.mock-line{height:10px;background:#091e420f;border-radius:6px;margin-bottom:8px}.mock-line.short{width:65%}.mock-flag{width:36px;height:24px;border-radius:4px;background:#091e420a}.language-grid-section{margin-top:12px}.section-title{margin:8px 0 12px;font-size:18px;color:#08304a}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.language-card{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:10px;cursor:pointer;border:1px solid rgba(6,49,74,.04);transition:transform .16s ease,box-shadow .16s ease;box-shadow:0 2px 6px #0206170a;transform:translateY(0);opacity:1;animation:floatIn .28s ease both}.language-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #0206170f}@keyframes floatIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.flag{width:48px;height:36px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.lang-texts{flex:1}.lang-name{font-weight:600;color:#08304a}.lang-native{font-size:13px;color:#617285;margin-top:4px}.chev{font-size:22px;color:#c7d2e0}.no-results{padding:18px;text-align:center;color:#7b8794}@media (max-width: 760px){.hero-inner{flex-direction:column;align-items:flex-start;gap:14px}.search-input{width:100%}}