@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/dist/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/dist/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/dist/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/dist/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/dist/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/dist/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/dist/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans: "Inter Variable", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--r-sm: 10px;--r: 14px;--r-md: 18px;--r-lg: 22px;--r-xl: 28px;--r-pill: 999px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .04);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 2px 6px rgba(16, 24, 40, .05);--shadow: 0 2px 8px rgba(16, 24, 40, .05), 0 10px 28px -10px rgba(16, 24, 40, .12);--shadow-md: 0 4px 16px rgba(16, 24, 40, .07), 0 18px 44px -14px rgba(16, 24, 40, .18);--shadow-lg: 0 8px 30px rgba(16, 24, 40, .09), 0 34px 70px -22px rgba(16, 24, 40, .26);--glass-bg: rgba(255, 255, 255, .68);--glass-strong: rgba(255, 255, 255, .82);--glass-border: rgba(255, 255, 255, .65);--glass-blur: 22px;--hairline: rgba(16, 24, 40, .08);--spring: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}body.theme-swat{--glass-bg: rgba(22, 27, 34, .62);--glass-strong: rgba(22, 27, 34, .82);--glass-border: rgba(255, 255, 255, .08);--hairline: rgba(255, 255, 255, .08)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:-.011em}body.theme-default{background:radial-gradient(1100px 760px at 82% -8%,#e9f0fc,#e9f0fc00 60%),radial-gradient(980px 680px at -12% 6%,#f1ecfb,#f1ecfb00 55%),var(--bg);background-attachment:fixed}h1,h2,h3,.h1,.h2,.h3,.navbar-brand,.stat-value{letter-spacing:-.022em}.navbar.bg-primary-custom{background:var(--primary)!important;background:color-mix(in srgb,var(--primary) 80%,transparent)!important;-webkit-backdrop-filter:saturate(160%) blur(18px);backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none;transition:box-shadow .35s var(--ease-out),background-color .35s ease}.navbar.bg-primary-custom.scrolled{background:color-mix(in srgb,var(--primary) 90%,transparent)!important;box-shadow:var(--shadow)}.navbar .nav-link{border-radius:var(--r-sm);transition:background .25s var(--ease-out),color .2s}.navbar .nav-link.active{box-shadow:inset 0 0 0 1px #ffffff1f}.avatar-sm{transition:transform .25s var(--spring)}.navbar .dropdown-toggle:hover .avatar-sm{transform:scale(1.08)}.card{border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:var(--bg-elevated)}a.card,.card.hover-lift,.cat-card,.stat-card{transition:transform .4s var(--spring),box-shadow .4s var(--spring);will-change:transform}a.card:hover,.card.hover-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.stat-card{border-radius:var(--r-md);box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;inset:0;background:radial-gradient(240px circle at var(--mx, 50%) var(--my, 0%),rgba(255,255,255,.22),transparent 62%);opacity:0;transition:opacity .45s var(--ease-out);pointer-events:none}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.stat-card:hover:after{opacity:1}.stat-value{font-variant-numeric:tabular-nums}.cat-card{border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.cat-card .cat-icon{transition:transform .45s var(--spring)}.cat-card:hover .cat-icon{transform:scale(1.12) rotate(-4deg)}.btn{border-radius:var(--r-sm);font-weight:600;transition:transform .18s var(--spring),box-shadow .28s var(--ease-out),filter .2s ease,background-color .2s ease}.btn:active{transform:scale(.97)}.btn-primary-custom{box-shadow:0 6px 16px -6px color-mix(in srgb,var(--primary) 70%,transparent)}.btn-primary-custom:hover{filter:brightness(1.06) saturate(1.05);box-shadow:0 10px 26px -8px color-mix(in srgb,var(--primary) 75%,transparent)}.btn-sm{border-radius:calc(var(--r-sm) - 2px)}.form-control,.form-select{border-radius:var(--r-sm);border:1px solid var(--border);transition:border-color .2s ease,box-shadow .25s var(--ease-out),background-color .2s}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 16%,transparent)}.progress{border-radius:var(--r-pill);background:var(--border-soft);overflow:hidden}.progress-bar:not([class*=bg-]){background:linear-gradient(90deg,var(--primary),var(--primary-light))}.session-progress,.speed-timer-wrap{border-radius:0!important}.choice-btn,.match-item,.ordering-item{border-radius:var(--r);transition:transform .2s var(--spring),box-shadow .25s var(--ease-out),border-color .2s ease,background-color .2s ease}.choice-btn.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent),var(--shadow-sm)}.badge{border-radius:var(--r-pill);font-weight:600;letter-spacing:.01em}img.avatar-sm,.avatar-sm.avatar-img{object-fit:cover;padding:0;border:1px solid rgba(255,255,255,.4);background:transparent}.avatar-lg{width:96px;height:96px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light));box-shadow:var(--shadow)}.modal-content{border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%)}.dropdown-menu{border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--shadow-md);background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);padding:.4rem}.dropdown-item{border-radius:var(--r-sm);transition:background .15s ease}.alert{border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.learn-card{border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.login-wrapper{min-height:100dvh;background:radial-gradient(1000px 700px at 80% -10%,#dfe9fb,#dfe9fb00 60%),radial-gradient(900px 640px at -10% 100%,#ece4fb,#ece4fb00 58%),var(--bg)}.login-box{background:var(--glass-strong);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}.login-logo{background:linear-gradient(135deg,var(--primary),var(--primary-light));box-shadow:0 10px 30px -10px color-mix(in srgb,var(--primary) 70%,transparent)}.main-content>.container-fluid>*{animation:none}.navbar{animation:none}@keyframes lh-pop{0%{transform:scale(.6);opacity:0}55%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.lh-feedback-correct{animation:lh-glow-green 1.1s var(--ease-out)}.lh-feedback-wrong{animation:lh-shake .5s ease}@keyframes lh-glow-green{0%{box-shadow:0 0 #16a34a00,var(--shadow-md)}35%{box-shadow:0 0 0 6px #16a34a38,0 18px 44px -14px #16a34a59}to{box-shadow:0 0 #16a34a00,var(--shadow-md)}}@keyframes lh-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.learn-card[data-correct] .question-box>.d-flex>div:first-child{animation:lh-pop .55s var(--spring) both}@media (prefers-reduced-motion: reduce){.lh-feedback-correct,.lh-feedback-wrong,.learn-card[data-correct] .question-box>.d-flex>div:first-child{animation:none!important}}
