/* Preflight reset (100easy100.com-тэй ижил суурь). Хамгийн түрүүнд ачаалагдана.
   @layer ашиглахгүй: production-ий clean-css @layer-ийг эвдэж, :root хувьсагчдыг устгадаг. */
*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:--default-font-feature-settings, normal;font-variation-settings:--default-font-variation-settings, normal;-webkit-tap-highlight-color:transparent;font-family:--default-font-family,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:--default-mono-font-feature-settings, normal;font-variation-settings:--default-mono-font-variation-settings, normal;font-family:--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}

:root{--navy:#14204a;--navy-2:#1e2f6b;--navy-3:#0e1636;--gold:#f2b233;--gold-2:#ffd27a;--ink:#16193a;--muted:#5b6180;--line:#e4e7f2;--bg:#f6f7fc;--card:#fff;--radius:20px;--shadow:0 1px 2px #14204a0f, 0 10px 28px #14204a14;--ease:cubic-bezier(.2, .8, .2, 1);--display:"Montserrat", "Inter", system-ui, sans-serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px}body{font-family:var(--body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;line-height:1.15}.ic{flex-shrink:0}.wrap{width:min(1200px,100% - 32px);margin-inline:auto}.skip{background:var(--gold);color:var(--navy);z-index:100;border-radius:8px;padding:8px 14px;font-weight:700;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.progress{z-index:60;pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.progress span{background:linear-gradient(90deg, var(--gold), #ff8a3d, #e11d48);width:0;height:100%;display:block;box-shadow:0 0 10px #f2b233b3}.topbar{z-index:50;background:#14204af7;border-bottom:1px solid #ffffff14;transition:box-shadow .3s;position:sticky;top:0}.topbar.is-scrolled{box-shadow:0 8px 24px #080e2859}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.brand{color:#fff;align-items:center;gap:10px;display:flex}.brand img{transition:transform .6s var(--ease);border-radius:50%;box-shadow:0 0 0 2px #f2b233b3}.brand:hover img{transform:rotate(-12deg)scale(1.06)}.brand span{flex-direction:column;line-height:1.1;display:flex}.brand b{font-family:var(--display);letter-spacing:.2px;font-size:19px;font-weight:800}.brand small{color:var(--gold-2);font-size:12.5px;font-weight:600}.nav{gap:4px;display:flex}.nav a{color:#ffffffd1;border-radius:10px;padding:8px 12px;font-size:14.5px;font-weight:600;transition:color .2s;position:relative}.nav a:after{content:"";background:var(--gold);transform-origin:0;height:2px;transition:transform .3s var(--ease);border-radius:2px;position:absolute;bottom:4px;left:12px;right:12px;transform:scaleX(0)}.nav a:hover{color:#fff}.nav a:hover:after{transform:scaleX(1)}.hero{color:#fff;background:var(--navy);isolation:isolate;padding:44px 0 32px;position:relative;overflow:hidden}.hero-bg{z-index:-1;background:linear-gradient(160deg,#111b42 0%,#1b2b63 55%,#111b42 100%);position:absolute;inset:0}.hero-bg:after{content:"";background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}.blob{filter:blur(70px);opacity:.55;border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:absolute}.blob-1{opacity:.32;background:#f2b233;width:460px;height:460px;top:-140px;right:6%}.blob-2{background:#4f46e5;width:520px;height:520px;animation-duration:22s;bottom:-220px;left:-120px}.blob-3{opacity:.28;background:#0d9488;width:340px;height:340px;animation-duration:26s;animation-direction:alternate-reverse;top:30%;left:42%}@keyframes drift{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.12)}to{transform:translate(-30px,30px)scale(.95)}}.bulb{left:var(--x);top:var(--y);background:var(--gold-2);width:6px;height:6px;animation:3.6s ease-in-out infinite twinkle;animation-delay:var(--d);opacity:.2;border-radius:50%;position:absolute;box-shadow:0 0 12px 4px #f2b2338c}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}}.hero-inner{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;display:grid;position:relative}.eyebrow{letter-spacing:.8px;text-transform:uppercase;color:var(--gold);align-items:center;gap:8px;margin:0 0 16px;font-size:13px;font-weight:700;display:inline-flex}.hero .eyebrow{background:#f2b2331a;border:1px solid #f2b2334d;border-radius:999px;padding:6px 12px}.hero h1{font-family:var(--display);letter-spacing:-1px;font-size:clamp(34px,4.8vw,54px);font-weight:900}.h1-line{animation:rise .9s var(--ease) both;display:block}.h1-line.accent{background:linear-gradient(90deg,#ffd27a,#f2b233 40%,#ff9f43 70%,#ffd27a) 0 0/200%;color:#0000;animation-delay:.15s;animation:rise .9s var(--ease) .15s both, shimmer 6s linear 1s infinite;-webkit-background-clip:text;background-clip:text}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200%}}.rotator-line{font-family:var(--display);color:#ffffffe6;animation:rise .9s var(--ease) .3s both;background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;align-items:baseline;gap:.35em;margin:20px 0 0;padding:8px 18px;font-size:clamp(16px,2vw,21px);font-weight:700;display:inline-flex}.rotator{vertical-align:bottom;transition:width .45s var(--ease);padding:0 2px .12em;display:inline-grid;position:relative;overflow:hidden}.rotator>span{color:var(--c);white-space:nowrap;opacity:0;transition:opacity .45s var(--ease), transform .45s var(--ease);grid-area:1/1;justify-self:start;transform:translateY(70%)}.rotator>span.is-on{opacity:1;transform:none}.rotator>span.is-out{opacity:0;transform:translateY(-70%)}html:not(.anim) .rotator>span:first-child{opacity:1;transform:none}.lead{color:#fffc;max-width:600px;animation:rise .9s var(--ease) .4s both;margin:16px 0 28px;font-size:clamp(16px,1.6vw,18px)}.hero-cta{animation:rise .9s var(--ease) .5s both;flex-wrap:wrap;gap:12px;display:flex}.btn{transition:transform .25s var(--ease), box-shadow .25s, background .25s;border-radius:14px;align-items:center;gap:8px;padding:14px 24px;font-size:15.5px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.btn .ic{transition:transform .25s var(--ease)}.btn:hover{transform:translateY(-2px)}.btn:hover .ic{transform:translate(4px)}.btn-gold{background:var(--gold);color:var(--navy);box-shadow:0 10px 24px #f2b23359}.btn-gold:after{content:"";background:linear-gradient(110deg,#0000 30%,#fff9 50%,#0000 70%);animation:4s ease-in-out 2s infinite sweep;position:absolute;inset:0;transform:translate(-120%)}@keyframes sweep{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}.btn-gold:hover{background:var(--gold-2);box-shadow:0 14px 30px #f2b23380}.btn-ghost{color:#fff;border:1.5px solid #ffffff59}.btn-ghost:hover{background:#ffffff14;border-color:#fff9}.hero-free{color:#ffffffb8;animation:rise .9s var(--ease) .6s both;align-items:center;gap:8px;margin:18px 0 0;font-size:14px;display:flex}.hero-free .ic{color:var(--gold)}.hero-visual{animation:pop 1s var(--ease) .2s both;place-items:center;display:grid}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.orbit{aspect-ratio:1;place-items:center;width:min(290px,76vw);display:grid;position:relative}.orbit>img{z-index:1;border-radius:50%;width:46%;animation:4s ease-in-out infinite glow;position:relative;box-shadow:0 0 0 8px #ffffff0f,0 0 60px #f2b23359,0 24px 60px #0006}@keyframes glow{50%{box-shadow:0 0 0 10px #ffffff14,0 0 90px #f2b2338c,0 24px 60px #0006}}.ring{border:1.5px dashed #fff3;border-radius:50%;position:absolute}.ring-1{animation:50s linear infinite spin;inset:6%}.ring-2{border-style:solid;border-color:#f2b2332e;animation:30s linear infinite reverse spin;inset:18%}.orbit-spin{animation:36s linear infinite spin;position:absolute;inset:0}.orb{color:#fff;background:var(--c);width:58px;height:58px;transform:rotate(var(--a)) translateY(calc(-1 * min(136px, 35.5vw))) rotate(calc(-1 * var(--a)));border-radius:50%;place-items:center;margin:-29px 0 0 -29px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 10px 24px #00000059,inset 0 0 0 1px #ffffff4d}.orb .ic{animation:36s linear infinite reverse spin}@keyframes spin{to{transform:rotate(360deg)}}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:32px 0 0;display:grid;position:relative}.stats div{transition:transform .3s var(--ease), background .3s;animation:rise .9s var(--ease) both;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;padding:12px 18px}.stats div:nth-child(2){animation-delay:.1s}.stats div:nth-child(3){animation-delay:.2s}.stats div:nth-child(4){animation-delay:.3s}.stats div:hover{background:#ffffff1a;transform:translateY(-4px)}.stats dt{color:#ffffffb3;font-size:13px;font-weight:600}.stats dd{font-family:var(--display);color:var(--gold);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:clamp(26px,3vw,36px);font-weight:800}.marquee{background:var(--navy-3);border-block:1px solid #ffffff0f;padding:14px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{gap:36px;width:max-content;animation:40s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.mq{color:#fff;font-family:var(--display);white-space:nowrap;align-items:center;gap:8px;font-size:16px;font-weight:700;display:inline-flex}.mq .ic{color:var(--c)}.mq small{font-family:var(--body);color:#ffffff8c;font-size:13px;font-weight:600}.mq:after{content:"✦";color:var(--gold);opacity:.7;margin-left:28px}@keyframes marquee{to{transform:translate(-50%)}}.section-head{max-width:700px;margin-bottom:22px}.section-head .eyebrow{color:#b7791f}.section-head h2{font-family:var(--display);color:var(--navy);letter-spacing:-.5px;font-size:clamp(28px,3.6vw,42px);font-weight:800}.section-head h2:after{content:"";background:linear-gradient(90deg, var(--gold), #ff8a3d);transform-origin:0;width:64px;height:5px;transition:transform .8s var(--ease) .2s;border-radius:5px;margin-top:14px;display:block;transform:scaleX(0)}.section-head.is-in h2:after,html:not(.anim) .section-head h2:after{transform:scaleX(1)}.section-head p{color:var(--muted);margin:14px 0 0;font-size:17px}.filter{z-index:20;border-bottom:1px solid var(--line);background:#f6f7fcf7;margin-bottom:8px;padding:12px 0;position:sticky;top:68px}.pills{scrollbar-width:none;gap:8px;padding:2px 2px 4px;display:flex;overflow-x:auto}.pills::-webkit-scrollbar{display:none}.pill{font:inherit;cursor:pointer;border:1.5px solid var(--line);color:var(--ink);transition:transform .2s var(--ease), background .2s, border-color .2s, color .2s, box-shadow .2s;background:#fff;border-radius:999px;flex:none;padding:9px 17px;font-size:14.5px;font-weight:700}.pill:hover{border-color:var(--navy-2);transform:translateY(-2px)}.pill.is-active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 6px 16px #14204a47}.chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{color:var(--c);background:color-mix(in srgb, var(--c) 10%, #fff);transition:background .2s, transform .2s var(--ease);border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:13.5px;font-weight:700;display:inline-flex}.chip:hover{background:color-mix(in srgb, var(--c) 18%, #fff);transform:translateY(-2px)}.subject{padding:26px 0 4px}.subject[hidden]{display:none}.subject-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.subject-icon{color:#fff;background:linear-gradient(145deg, var(--c), color-mix(in srgb, var(--c) 65%, #000));width:48px;height:48px;box-shadow:0 10px 22px color-mix(in srgb, var(--c) 35%, transparent);border-radius:14px;flex:none;place-items:center;display:grid}.subject.is-in .subject-icon{animation:wiggle 1s var(--ease) .2s}@keyframes wiggle{0%{transform:rotate(0)scale(.6)}40%{transform:rotate(-12deg)scale(1.1)}70%{transform:rotate(8deg)}to{transform:none}}.subject-head h3{font-family:var(--display);color:var(--navy);flex-wrap:wrap;align-items:baseline;gap:10px;font-size:22px;font-weight:800;display:flex}.subject-grades{font-family:var(--body);color:var(--c);background:color-mix(in srgb, var(--c) 10%, #fff);border-radius:8px;padding:3px 10px;font-size:14px;font-weight:700}.subject-head p{color:var(--muted);margin:6px 0 0}.subject-total{color:var(--ink);opacity:.7;margin-top:2px;font-size:13.5px;font-weight:700;display:block}.course-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;display:grid}.course{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s;flex-direction:column;display:flex;position:relative;overflow:hidden}.anim .subject .course{opacity:0;transform:translateY(26px)scale(.97)}.anim .subject.is-in .course{opacity:1;transition:opacity .6s var(--ease) calc(var(--i) * 70ms), transform .6s var(--ease) calc(var(--i) * 70ms), box-shadow .35s, border-color .35s;transform:none}.subject .course:hover{box-shadow:0 20px 40px color-mix(in srgb, var(--c) 25%, transparent);border-color:color-mix(in srgb, var(--c) 45%, #fff);transition-delay:0s;transform:translateY(-6px)}.course.pop{animation:popin .45s var(--ease) both;animation-delay:calc(var(--i) * 40ms)}@keyframes popin{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:none}}.course[hidden]{display:none}.course:after{content:"";pointer-events:none;transition:transform .8s var(--ease);background:linear-gradient(110deg,#0000 35%,#ffffff73 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.course:hover:after{transform:translate(120%)}.course-top{color:#fff;background:linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 60%, #000));height:70px;padding:10px 14px;position:relative;overflow:hidden}.course-top:before{content:"";background:#ffffff1f;border-radius:50%;width:140px;height:140px;position:absolute;top:-60px;right:-40px}.course-grade{align-items:baseline;gap:4px;line-height:1;display:flex;position:relative}.course-grade b{font-family:var(--display);letter-spacing:-1px;font-size:36px;font-weight:900}.course-grade small{opacity:.9;font-size:14px;font-weight:700}.course-mark{opacity:.22;transition:transform .6s var(--ease), opacity .3s;position:absolute;bottom:-14px;right:6px;transform:scale(.8)}.course:hover .course-mark{opacity:.35;transform:rotate(-14deg)scale(1.15)}.course-body{flex-direction:column;flex:1;gap:6px;padding:10px 14px 12px;display:flex}.course-name{font-family:var(--display);color:var(--navy);font-size:15px;font-weight:800;line-height:1.25}.course-meta{flex-wrap:wrap;gap:6px;display:flex}.course-meta span{color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:2px 8px;font-size:11.5px;font-weight:600}.course-meta b{color:var(--ink)}.course-go{color:var(--c);align-items:center;gap:6px;margin-top:auto;font-size:13px;font-weight:800;display:inline-flex}.course-go .ic{transition:transform .3s var(--ease)}.course:hover .course-go .ic{transform:translate(5px)}.empty-note{color:var(--muted);font-style:italic}.why{border-block:1px solid var(--line);background:#fff}.features{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.feature{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);transition:transform .35s var(--ease), box-shadow .35s, border-color .35s;padding:18px 20px;position:relative;overflow:hidden}.feature.reveal{transition-delay:calc(var(--i) * 80ms)}.feature:before{content:"";width:180px;height:180px;transition:transform .6s var(--ease);background:radial-gradient(circle,#f2b23340,#0000 70%);border-radius:50%;position:absolute;inset:auto -40% -60% auto}.feature:hover{box-shadow:var(--shadow);border-color:#f4e3bd;transform:translateY(-5px)}.feature:hover:before{transform:scale(1.6)}.feature-icon{background:var(--navy);width:50px;height:50px;color:var(--gold);transition:transform .5s var(--ease);border-radius:15px;place-items:center;margin-bottom:14px;display:grid;position:relative}.feature:hover .feature-icon{transform:rotate(-8deg)scale(1.08)}.feature h3{font-family:var(--display);color:var(--navy);font-size:18px;font-weight:800;position:relative}.feature p{color:var(--muted);margin:8px 0 0;font-size:15px;position:relative}.lang-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.lang{border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .35s var(--ease), box-shadow .35s;background:linear-gradient(160deg,#fff,#fff7e6);border:1px solid #f4e3bd;flex-direction:column;gap:4px;padding:16px;display:flex;position:relative;overflow:hidden}.lang:hover{transform:translateY(-6px)rotate(-.5deg);box-shadow:0 20px 40px #b7791f33}.lang-glyph{background:var(--navy);width:54px;height:54px;color:var(--gold);transition:transform .5s var(--ease);border-radius:15px;place-items:center;margin-bottom:6px;font-size:19px;font-weight:800;display:grid}.lang:hover .lang-glyph{transform:rotate(-10deg)scale(1.1)}.lang-title{font-family:var(--display);color:var(--navy);font-weight:800;line-height:1.3}.lang-text{color:var(--muted);flex:1;font-size:14px}.lang-meta{color:var(--navy);font-size:13px;font-weight:800}.lang-host{color:#b7791f;overflow-wrap:anywhere;align-items:center;gap:4px;margin-top:6px;font-size:12px;font-weight:700;display:flex}.lang-host .ic{transition:transform .3s var(--ease)}.lang:hover .lang-host .ic{transform:translate(4px)}.ktree{background:var(--navy);color:#fff;isolation:isolate;position:relative;overflow:hidden}.ktree:before{content:"";z-index:-1;background:radial-gradient(circle,#f2b23338,#0000 65%);border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite alternate drift;position:absolute;top:-250px;left:-200px}.ktree-inner{align-items:center;gap:44px;display:flex}.ktree img{border-radius:50%;flex:none;width:130px;animation:4s ease-in-out infinite glow,6s ease-in-out infinite bob;box-shadow:0 0 0 8px #ffffff0f,0 0 60px #f2b2334d}@keyframes bob{50%{transform:translateY(-10px)}}.ktree .eyebrow{color:var(--gold)}.ktree h2{font-family:var(--display);font-size:clamp(28px,3.6vw,42px);font-weight:800}.ktree p{color:#ffffffd1;max-width:640px;margin:12px 0 22px;font-size:16.5px}.footer{background:var(--navy-3);color:#ffffffbf;padding:36px 0 24px}.footer-brand{color:#fff;align-items:center;gap:12px;margin-bottom:28px;display:flex}.footer-brand img{border-radius:50%}.footer-brand div{flex-direction:column;line-height:1.2;display:flex}.footer-brand b{font-family:var(--display);font-weight:800}.footer-brand small{color:var(--gold-2)}.footer-links{grid-template-columns:repeat(6,1fr);gap:20px;display:grid}.footer-links h4{color:#fff;font-family:var(--display);margin-bottom:8px;font-size:14px}.footer-links a{color:#ffffffa6;transition:color .2s, transform .2s var(--ease);padding:2px 0;font-size:13.5px;display:block}.footer-links a:hover{color:var(--gold);transform:translate(3px)}.footer-note{border-top:1px solid #ffffff1a;margin:32px 0 0;padding-top:20px;font-size:13px}.anim .reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(22px)}.anim .reveal.is-in,.anim .subject.reveal{opacity:1;transform:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.anim .reveal,.anim .subject .course{opacity:1!important;transform:none!important}.rotator>span{opacity:0}.rotator>span:first-child{opacity:1;transform:none}html{scroll-behavior:auto}}@media (max-width:1080px){.lang-grid,.footer-links{grid-template-columns:repeat(3,1fr)}}@media (max-width:860px){.nav{display:none}.hero{padding-top:36px}.hero-inner{grid-template-columns:1fr;gap:16px}.hero-visual{order:-1}.orbit{width:min(240px,70vw)}.orb{width:44px;height:44px;transform:rotate(var(--a)) translateY(calc(-1 * min(112px, 32.5vw))) rotate(calc(-1 * var(--a)));margin:-22px 0 0 -22px}.orb .ic{width:20px;height:20px}.stats{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr 1fr}.ktree-inner{text-align:center;flex-direction:column}.ktree p{margin-inline:auto}}@media (max-width:560px){.features,.lang-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.course-grid{grid-template-columns:1fr 1fr;gap:12px}.course-top{height:80px}.course-grade b{font-size:38px}.btn{justify-content:center;width:100%}}.radix-themes{--default-font-family:var(--body);--heading-font-family:var(--display)}body,.radix-themes{background:var(--bg);color:var(--ink)}.nav-cta{background:var(--gold);border-radius:10px;color:var(--navy)!important;font-weight:800!important}.nav-cta:after{display:none}.nav-cta:hover{background:var(--gold-2)}.nav-cta-mobile{padding:8px 14px;font-size:14px;display:none}.register-band{border-radius:var(--radius);color:#fff;background:linear-gradient(120deg, var(--navy), #2a3a86 60%, #3b2f7e);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:30px;padding:20px 24px;display:flex;box-shadow:0 14px 34px #14204a40}.register-band h3{font-family:var(--display);font-size:20px;font-weight:800}.register-band p{color:#fffc;margin:4px 0 0;font-size:14.5px}.banners{background:var(--bg);padding:22px 0 6px}.bn-wrap{position:relative}.bn-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:14px;padding:6px 2px 10px;display:flex;overflow-x:auto}.bn-track::-webkit-scrollbar{display:none}.bn-slide{scroll-snap-align:start;border-radius:var(--radius);aspect-ratio:1;background:var(--navy);box-shadow:var(--shadow);transition:transform .35s var(--ease), box-shadow .35s;flex:0 0 calc(33.3333% - 9.33333px);position:relative;overflow:hidden}.bn-slide:hover{transform:translateY(-4px);box-shadow:0 18px 36px #14204a38}.bn-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform 6s}.bn-slide:hover .bn-img{transform:scale(1.04)}.bn-text{color:#fff;background:linear-gradient(#0000,#0a10288c 45%,#0a1028e0);padding:40px 18px 16px;position:absolute;inset:auto 0 0}.bn-text h3{font-family:var(--display);font-size:clamp(16px,1.6vw,20px);font-weight:800;line-height:1.2}.bn-text p{color:#fffc;margin:3px 0 0;font-size:13px}.banners{padding:34px 0 18px}.bn-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8px;display:flex}.bn-head .eyebrow{color:#b7791f;margin:0 0 4px}.bn-head h2{font-family:var(--display);color:var(--navy);font-size:clamp(22px,2.6vw,30px);font-weight:800}.bn-navs{gap:8px;display:flex}.bn-nav{cursor:pointer;border:1.5px solid var(--line);width:42px;height:42px;color:var(--navy);box-shadow:var(--shadow);transition:background .2s, color .2s, transform .2s var(--ease);background:#fff;border-radius:12px;place-items:center;display:grid}.bn-nav:hover{background:var(--navy);color:var(--gold);transform:translateY(-2px)}.bn-dots{justify-content:center;gap:6px;margin-top:10px;display:flex}.bn-dots button{cursor:pointer;width:8px;height:8px;transition:width .3s var(--ease), background .3s;background:#c9cde0;border:0;border-radius:99px;padding:0}.bn-dots button.is-on{background:var(--gold);width:22px}.app-page{background:var(--bg);min-height:100vh}.nav-back{color:#ffffffd9;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:10px;padding:7px 12px;font-family:inherit;font-size:14px;font-weight:700}.nav-back:hover{color:#fff;background:#ffffff1a}.adm-top{align-items:center;gap:12px;display:flex}.adm-user{color:var(--gold-2);font-size:14px;font-weight:700}.page{max-width:980px;padding:26px 0 60px}.page-head{animation:rise .7s var(--ease) both;margin-bottom:18px}.page-head .eyebrow{color:#b7791f;margin-bottom:6px}.page-head h1{font-family:var(--display);color:var(--navy);font-size:clamp(28px,4vw,40px);font-weight:900}.page-head p{color:var(--muted);margin:8px 0 0}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);animation:rise .7s var(--ease) .1s both;background:#fff;padding:22px}.card h3,.adm-sub{font-family:var(--display);color:var(--navy);margin:0 0 12px;font-size:18px;font-weight:800}.adm-sub{margin-top:22px}.reg-step-head{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 12px;display:flex}.reg-form .reg-step-head:not(:first-child){border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.reg-step-head h2{font-family:var(--display);color:var(--navy);align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.step{background:var(--navy);width:28px;height:28px;color:var(--gold);border-radius:50%;place-items:center;font-size:14px;display:grid}.reg-count{color:var(--navy);background:#fff3d6;border:1px solid #f4e3bd;border-radius:99px;padding:4px 10px;font-size:13px;font-weight:800}.reg-groups{gap:10px;display:grid}.reg-group{grid-template-columns:190px 1fr;align-items:center;gap:10px;display:grid}.reg-subject{color:var(--c);align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.reg-subject:before{content:"";background:var(--c);border-radius:3px;flex:none;width:10px;height:10px}.reg-chips{flex-wrap:wrap;gap:6px;display:flex}.reg-chip{font:inherit;cursor:pointer;border:1.5px solid var(--line);color:var(--ink);transition:all .18s var(--ease);background:#fff;border-radius:10px;padding:6px 12px;font-size:13.5px;font-weight:700}.reg-chip:hover{border-color:var(--c);color:var(--c);transform:translateY(-1px)}.reg-chip.is-on{background:var(--c);border-color:var(--c);color:#fff;box-shadow:0 6px 14px color-mix(in srgb, var(--c) 35%, transparent)}.reg-chip.is-on:before{content:"✓ "}.reg-fields{grid-template-columns:1fr 1fr;gap:12px 16px;margin:12px 0;display:grid}.f-field{flex-direction:column;gap:5px;display:flex}.f-label{color:var(--navy);font-size:13px;font-weight:700}.f-hint{color:var(--muted);font-size:12px}.f-input{font:inherit;border:1.5px solid var(--line);color:var(--ink);background:#fbfbfe;border-radius:12px;outline:none;width:100%;padding:11px 13px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.f-input:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 4px #f2b2332e}.f-date{padding:8px 10px;font-size:14px}.f-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:10px 0;padding:10px 14px;font-size:14px;font-weight:600;animation:.4s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.f-ok{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;margin:0 0 14px;padding:10px 14px;font-size:14px;font-weight:600}.reg-submit{margin-top:6px}.reg-note{color:var(--muted);margin:10px 0 0;font-size:13.5px}.reg-done{text-align:center;padding:10px 0}.done-mark{color:#fff;width:64px;height:64px;animation:pop .5s var(--ease) both;background:#16a34a;border-radius:50%;place-items:center;margin:0 auto 10px;font-size:32px;font-weight:900;display:grid;box-shadow:0 10px 24px #16a34a59}.reg-done h2{font-family:var(--display);color:var(--navy);font-weight:800}.done-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.badges{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.reg-done .badges{justify-content:center}.badge{color:var(--navy);background:#eef0fa;border-radius:8px;padding:3px 10px;font-size:12.5px;font-weight:700}.btn{cursor:pointer;border:0;font-family:inherit}.btn.btn-ghost{border:1.5px solid #ffffff59}.topbar .topbar-inner{height:78px}.app-page .topbar-inner{height:72px}.brand{gap:12px}.brand img{width:56px;height:56px;box-shadow:0 0 0 3px var(--gold), 0 0 18px #f2b23373}.brand b{letter-spacing:-.3px;background:linear-gradient(90deg,#ffe7a8,#f2b233 45%,#ff9f43);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900}.brand small{color:#7dd3fc;letter-spacing:.3px;margin-top:2px;font-size:14.5px;font-weight:700}.footer-brand img{width:40px;height:40px}.orbit>img{height:auto}.btn-line{color:var(--navy);border:1.5px solid var(--line);background:#fff}.btn-line:hover{border-color:var(--navy-2)}.btn-ok{color:#fff;background:#16a34a}.btn-ok:hover{background:#15803d}.btn-no{color:#b91c1c;background:#fff;border:1.5px solid #fecaca}.btn-no:hover{background:#fef2f2}.btn-sm{border-radius:10px;padding:7px 12px;font-size:13px}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}.login-card{gap:12px;max-width:420px;display:grid}.login-card h2{font-family:var(--display);color:var(--navy);font-weight:800}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tab{font:inherit;border:1.5px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:9px 16px;font-size:14px;font-weight:700;transition:all .2s}.tab.is-on{background:var(--navy);border-color:var(--navy);color:#fff}.tab-count{background:var(--gold);min-width:22px;height:22px;color:var(--navy);border-radius:99px;place-items:center;margin-left:4px;padding:0 6px;font-size:12px;display:inline-grid}.rc-list,.br-list{gap:12px;display:grid}.rc{border:1px solid var(--line);box-shadow:var(--shadow);animation:rise .5s var(--ease) both;background:#fff;border-radius:16px;padding:16px 18px}.rc-head{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.rc-head>div{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.rc-user{font-family:var(--display);color:var(--navy);font-size:17px}.rc-name{font-weight:600}.rc-phone,.rc-time{color:var(--muted);font-size:13px}.rc-actions{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:8px;display:flex}.rc-date{flex-direction:column;gap:4px;display:flex}.rc-result{font-size:13.5px}.up-box{text-align:center;color:var(--muted);cursor:pointer;background:#fbfbfe;border:2px dashed #d6daea;border-radius:14px;padding:22px;font-size:14px;transition:border-color .2s,background .2s}.up-box:hover{border-color:var(--gold);background:#fffbf0}.up-file{color:var(--navy);font-weight:700}.br{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;grid-template-columns:200px 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.br-img{aspect-ratio:16/5;-o-object-fit:cover;object-fit:cover;background:var(--navy);border-radius:10px;width:200px}.br-info{flex-direction:column;gap:2px;min-width:0;font-size:14px;display:flex}.br-link{color:#b7791f;overflow-wrap:anywhere;font-size:12.5px}.br-order{color:var(--muted);font-size:12px}.br-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.home{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.home .footer{margin-top:auto}.hero-home .hero-copy{min-width:0}.hero-home .rotator-line{flex-wrap:wrap;max-width:100%}.hero-home{padding:22px 0 26px!important}.hero-home .hero-inner{grid-template-columns:1.4fr .6fr;gap:20px}.hero-home .eyebrow{margin-bottom:10px}.hero-home h1{letter-spacing:-1px;font-size:clamp(34px,4.4vw,56px);line-height:1.05}.hero-home .orbit{width:min(290px,80vw)}.hero-home .orb{width:48px;height:48px;transform:rotate(var(--a)) translateY(calc(-1 * min(135px, 37vw))) rotate(calc(-1 * var(--a)));margin:-24px 0 0 -24px}.hero-home .orb svg{width:20px;height:20px}.hero-home .big-cta{margin-top:20px}.hero-home .big-btn{border-radius:18px;padding:14px 18px}.hero-home .big-icon{border-radius:14px;width:48px;height:48px}.hero-home .big-icon svg{width:24px;height:24px}.banners{padding-top:24px!important}.learner-wrap{z-index:1;aspect-ratio:1;filter:drop-shadow(0 22px 40px #0006);width:72%;position:relative;width:88%!important}.learner{width:100%;height:100%;display:block;overflow:visible}.learner .mt-tree path{stroke-dasharray:1;stroke-dashoffset:1px;animation:12s ease-in-out infinite mt-grow}@keyframes mt-grow{0%{stroke-dashoffset:1px;opacity:1}22%{stroke-dashoffset:0}88%{stroke-dashoffset:0;opacity:1}96%{opacity:0}to{stroke-dashoffset:1px;opacity:0}}.learner .mt-bulb{transform-box:view-box;animation:12s cubic-bezier(.3,1.6,.5,1) infinite mt-pop;animation-delay:calc(var(--i) * .18s);transform:scale(0)}@keyframes mt-pop{0%,20%{transform:scale(0)}27%{transform:scale(1)}87%{transform:scale(1)}94%,to{transform:scale(0)}}.learner .mt-halo{opacity:.25;animation:2.4s ease-in-out infinite mt-halo;animation-delay:calc(var(--i) * .3s)}@keyframes mt-halo{50%{opacity:.75}}.learner .mt-halo-small{animation:2s ease-in-out infinite mt-halo}.learner .mt-bookglow{animation:4s ease-in-out infinite mt-breathe}@keyframes mt-breathe{50%{opacity:.55}}.learner .mt-star{animation:3s ease-in-out infinite mt-twinkle;animation-delay:var(--d)}@keyframes mt-twinkle{0%,to{opacity:.25}50%{opacity:1}}.learner .mt-moon{animation:6s ease-in-out infinite mt-breathe}.learner .mt-page{transform-box:view-box;transform-origin:200px 333px;animation:8s ease-in-out infinite mt-flip}@keyframes mt-flip{0%,72%{opacity:1;transform:scaleX(1)}84%{transform:scaleX(-.05)}92%{opacity:0;transform:scaleX(-1)}to{opacity:0;transform:scaleX(-1)}}.learner .mt-spark{animation:5.5s ease-out infinite mt-rise;animation-delay:var(--d);opacity:0}@keyframes mt-rise{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:1}to{opacity:0;transform:translate(12px,-170px)scale(1.2)}}.learner .mt-spark:nth-of-type(2n){animation-name:mt-rise-left}@keyframes mt-rise-left{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:1}to{opacity:0;transform:translate(-14px,-160px)scale(1.2)}}.learner .mt-kid-head{transform-box:view-box;transform-origin:128px 278px;animation:4.5s ease-in-out infinite mt-nod}@keyframes mt-nod{0%,to{transform:rotate(0)}35%{transform:rotate(-7deg)}65%{transform:rotate(4deg)}}.learner .mt-kid-eyes{transform-box:view-box;transform-origin:128px 266px;animation:4s infinite mt-blink}@keyframes mt-blink{0%,44%,50%,to{transform:scaleY(1)}47%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.learner .mt-tree path{stroke-dashoffset:0}.learner .mt-bulb{transform:scale(1)}.learner .mt-spark{opacity:0}}.hero-home .orb svg{animation:36s linear infinite reverse spin}.big-cta{max-width:700px;animation:rise .9s var(--ease) .35s both;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px;display:grid}.big-text b,.big-text small{white-space:nowrap}.big-btn{transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s;border-radius:20px;align-items:center;gap:14px;padding:20px;display:flex;position:relative;overflow:hidden}.big-btn:hover{transform:translateY(-4px)}.big-btn:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff73 50%,#0000 70%);animation:5s ease-in-out 2s infinite sweep;position:absolute;inset:0;transform:translate(-120%)}.big-gold{background:var(--gold);color:var(--navy);box-shadow:0 14px 34px #f2b23366}.big-gold:hover{background:var(--gold-2);box-shadow:0 20px 44px #f2b2338c}.big-ghost{color:#fff;background:#ffffff14;border:1.5px solid #ffffff4d}.big-ghost:hover{background:#ffffff24;border-color:#ffffff8c}.big-ghost:after{animation-delay:4.5s}.big-icon{border-radius:16px;flex:none;place-items:center;width:58px;height:58px;display:grid}.big-gold .big-icon{background:var(--navy);color:var(--gold)}.big-ghost .big-icon{background:var(--gold);color:var(--navy)}.big-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.big-text b{font-family:var(--display);font-size:clamp(17px,1.8vw,21px);font-weight:800}.big-text small{opacity:.75;margin-top:5px;font-size:13px;font-weight:600}.big-arrow{transition:transform .3s var(--ease);flex:none;margin-left:auto}.big-btn:hover .big-arrow{transform:translate(5px)}.nav-back{align-items:center;gap:6px;display:inline-flex}.cc-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.cc{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);animation:popin .5s var(--ease) both;transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.cc:hover{box-shadow:0 18px 36px color-mix(in srgb, var(--c) 22%, transparent);border-color:color-mix(in srgb, var(--c) 40%, #fff);transform:translateY(-5px)}.cc:after{content:"";pointer-events:none;transition:transform .8s var(--ease);background:linear-gradient(110deg,#0000 35%,#ffffff73 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.cc:hover:after{transform:translate(120%)}.cc-top{color:#fff;background:linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 60%, #000));height:62px;padding:12px 16px;position:relative;overflow:hidden}.cc-top:before{content:"";background:#ffffff1f;border-radius:50%;width:130px;height:130px;position:absolute;top:-60px;right:-36px}.cc-grade{font-family:var(--display);letter-spacing:-.3px;font-size:22px;font-weight:900;position:relative}.cc .course-mark{opacity:.25;transition:transform .6s var(--ease);position:absolute;bottom:-14px;right:8px}.cc:hover .course-mark{transform:rotate(-14deg)scale(1.12)}.cc-body{flex-direction:column;flex:1;gap:4px;padding:12px 16px 14px;display:flex}.cc-subject{letter-spacing:.4px;text-transform:uppercase;color:var(--c);font-size:12px;font-weight:800}.cc-name{font-family:var(--display);color:var(--navy);font-size:16px;font-weight:800;line-height:1.25}.cc-desc{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:2px 0 8px;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.cc-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.cc-go{color:var(--c);white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:800;display:inline-flex}.cc-go svg{transition:transform .3s var(--ease)}.cc:hover .cc-go svg{transform:translate(4px)}.reg-notice{border:1px solid #f4e3bd;border-left:5px solid var(--gold);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff8e6;flex-wrap:wrap;align-items:center;gap:18px;margin:0 0 24px;padding:16px 20px;display:flex}.reg-notice-body{flex:340px}.reg-notice h2{font-family:var(--display);color:var(--navy);align-items:center;gap:8px;margin:0 0 8px;font-size:18px;font-weight:800;display:flex}.reg-notice ol{color:var(--muted);margin:0;padding-left:22px;font-size:14px;line-height:1.6;list-style:decimal}.reg-notice li{list-style:decimal;display:list-item}.reg-notice-cta{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.subject-list{gap:30px;display:grid}.subject-block .subject-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.subject-block .subject-head h2{font-family:var(--display);color:var(--navy);font-size:22px;font-weight:800}.subject-block .subject-icon{border-radius:13px;width:44px;height:44px}.center-cta{justify-content:center;margin-top:34px;display:flex}.stepper{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 20px;display:flex}.st{color:var(--muted);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.st-num{border:2px solid var(--line);width:30px;height:30px;font-family:var(--display);transition:all .3s var(--ease);background:#fff;border-radius:50%;place-items:center;display:grid}.st.on{color:var(--navy)}.st.on .st-num{background:var(--navy);border-color:var(--navy);color:var(--gold);box-shadow:0 0 0 5px #14204a1a}.st.done .st-num{background:var(--gold);border-color:var(--gold);color:var(--navy)}.st-line{background:var(--line);border-radius:2px;flex:0 50px;height:2px}.sel-step{animation:rise .45s var(--ease) both}.sel-title{font-family:var(--display);color:var(--navy);margin:6px 0 16px;font-size:clamp(20px,2.6vw,26px);font-weight:800}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.tile-grid-sm{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.tile{font:inherit;cursor:pointer;text-align:left;border-radius:var(--radius);border:1.5px solid var(--line);box-shadow:var(--shadow);color:var(--ink);animation:popin .45s var(--ease) both;transition:transform .25s var(--ease), border-color .25s, box-shadow .25s;background:#fff;flex-direction:column;gap:6px;padding:18px;display:flex}.tile:hover{border-color:var(--c);box-shadow:0 16px 32px color-mix(in srgb, var(--c) 22%, transparent);transform:translateY(-4px)}.tile-icon{color:#fff;background:linear-gradient(145deg, var(--c), color-mix(in srgb, var(--c) 65%, #000));width:54px;height:54px;transition:transform .4s var(--ease);border-radius:16px;place-items:center;margin-bottom:4px;display:grid}.tile:hover .tile-icon{transform:rotate(-8deg)scale(1.08)}.tile-name{font-family:var(--display);color:var(--navy);font-size:17px;font-weight:800;line-height:1.25}.tile-meta{color:var(--muted);font-size:13px;font-weight:600}.tile-grade{text-align:center;border-top:5px solid var(--c);align-items:center;padding:20px 12px}.tile-grade .tile-name{font-size:20px}.crumb{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:14px;font-weight:700;display:inline-flex}.crumb:hover{color:var(--navy)}.tb-right{align-items:center;gap:10px;display:flex}.tb-tools{align-items:center;gap:8px;display:flex}.tb-btn{cursor:pointer;color:#fff;width:40px;height:40px;transition:background .2s, transform .2s var(--ease);background:#ffffff17;border:0;border-radius:11px;place-items:center;padding:0;display:grid}.tb-btn:hover{background:#ffffff2e;transform:translateY(-1px)}.tb-zoom-val{text-align:center;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:46px;font-size:14px;font-weight:700}.tb-theme .tb-sun{display:none}html.dark .tb-theme .tb-sun{display:block}html.dark .tb-theme .tb-moon{display:none}.tb-login{cursor:pointer;height:40px;font:inherit;color:var(--navy);transition:background .2s, transform .2s var(--ease);background:#38bdf8;border:0;border-radius:11px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 6px 16px #38bdf859}.tb-login:hover{background:#7dd3fc;transform:translateY(-1px)}.lm-content{min-width:280px}.lm-row{height:auto!important;padding:0!important}.lm-item{width:100%;color:var(--ink);align-items:center;gap:12px;padding:10px 12px;display:flex}.lm-item span{flex-direction:column;line-height:1.25;display:flex}.lm-item b{font-size:14.5px}.lm-item small{color:var(--muted);font-size:12px}.lm-item svg{color:#b7791f;flex:none}html.dark{--bg:#0a1030;--card:#131b3e;--line:#27315e;--ink:#e8ebf8;--muted:#9aa3c7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark body,html.dark .radix-themes,html.dark .app-page,html.dark .home,html.dark .banners{background:var(--bg);color:var(--ink)}html.dark .cc,html.dark .tile,html.dark .card,html.dark .row,html.dark .rc,html.dark .br,html.dark .bn-nav,html.dark .reg-chip,html.dark .tab:not(.is-on),html.dark .f-input,html.dark .st-num,html.dark .btn-line,html.dark .btn-no,html.dark .up-box{background:var(--card);border-color:var(--line);color:var(--ink)}html.dark .page-head h1,html.dark .cc-name,html.dark .tile-name,html.dark .sel-title,html.dark .subject-block h2,html.dark .bn-head h2,html.dark .reg-step-head h2,html.dark .card h3,html.dark .adm-sub,html.dark .login-card h2,html.dark .f-label,html.dark .rc-user,html.dark .row-info b,html.dark .reg-done h2,html.dark .bk-title,html.dark .st.on,html.dark .course-name,html.dark .reg-count{color:#eef1ff}html.dark .badge{color:#c7cdf0;background:#1e2750}html.dark .reg-count{color:var(--gold);background:#3a2e10;border-color:#5a4718}html.dark .reg-notice{border-color:#4a3b14;border-left-color:var(--gold);background:#221d0c}html.dark .reg-notice h2{color:#eef1ff}html.dark .basket{background:#221d0c;border-color:#4a3b14}html.dark .f-error{color:#fca5a5;background:#3a1116;border-color:#6b1d26}html.dark .f-ok{color:#86efac;background:#0e2e22;border-color:#1c5a43}html.dark .bn-nav:hover{background:var(--gold);color:var(--navy)}html.dark .footer{background:#060a20}.reg-flow{gap:18px;display:grid}.reg-flow .card{animation:rise .6s var(--ease) both}.pick-btn{align-self:flex-start;align-items:center;gap:6px;margin-top:auto;display:inline-flex}.cc.is-picked{box-shadow:0 0 0 3px #16a34a40, var(--shadow);border-color:#16a34a}.basket{animation:rise .4s var(--ease) both;background:#fff8e6;border:1px solid #f4e3bd;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;display:flex}.bk-list{flex-direction:column;gap:8px;min-width:0;display:flex}.bk-title{color:var(--navy);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.bk-chips{flex-wrap:wrap;gap:6px;display:flex}.bk-chip{color:#fff;background:var(--c);animation:popin .3s var(--ease) both;border-radius:10px;align-items:center;gap:4px;padding:4px 6px 4px 10px;font-size:13px;font-weight:700;display:inline-flex}.bk-x{cursor:pointer;color:#fff;background:#ffffff38;border:0;border-radius:6px;place-items:center;width:20px;height:20px;padding:0;display:grid}.bk-x:hover{background:#fff6}.rows{gap:8px;display:grid}.row{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.row-dot{border-radius:4px;flex:none;width:12px;height:12px}.row-info{flex-direction:column;flex:1;min-width:0;font-size:14px;display:flex}.row-meta{color:var(--muted);font-size:12.5px}.row-link{color:#b7791f;overflow-wrap:anywhere;font-size:12.5px}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.badge-off{color:var(--muted);background:#f1f2f6}.form-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.form-actions{justify-content:flex-end;gap:8px;margin-left:auto;display:flex}.card>.form-actions{margin-top:6px}textarea.f-input{resize:vertical;min-height:70px}.color-row{align-items:center;gap:8px;display:flex}.f-color{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex:none;width:46px;height:42px;padding:2px}.icon-preview{color:#fff;background:var(--c);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.tab{align-items:center;gap:6px;display:inline-flex}.footer-mini{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-mini .footer-brand{margin:0}.footer-mini .footer-note{border:0;margin:0;padding:0}.adm-user{align-items:center;gap:6px;display:inline-flex}.su-filters{grid-template-columns:2fr 1.4fr 1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.su-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.su-bar .btn,.su-pick-head .btn{align-items:center;gap:6px;display:inline-flex}.su-editor{gap:10px;margin-bottom:16px;display:grid}.su-pick-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.su-pick-head .f-label{margin-right:auto}.su-chips{flex-wrap:wrap;gap:6px;max-height:180px;display:flex;overflow-y:auto}.su-chip{font:inherit;cursor:pointer;border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:5px 10px;font-size:13px;font-weight:600}.su-chip.is-on{background:var(--navy);border-color:var(--navy);color:#fff}.su-who{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.su-name{font:inherit;color:var(--navy);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:800}.su-name:hover,.su-link:hover{text-decoration:underline}.su-full{font-weight:600}.su-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.su-st{border-radius:8px;padding:2px 8px;font-size:12px;font-weight:700}.su-st-active{color:#166534;background:#dcfce7}.su-st-expired{color:#991b1b;background:#fee2e2}.su-st-waiting,.su-st-paused{color:#92400e;background:#fef3c7}.su-st-admin{color:#3730a3;background:#e0e7ff}.su-bar-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.su-vts{background:#eef0fa;border-radius:11px;gap:2px;padding:3px;display:inline-flex}.su-vt{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:5px;padding:6px 11px;font-size:13px;font-weight:700;display:inline-flex}.su-vt.is-on{color:var(--navy);background:#fff;box-shadow:0 1px 3px #14204a26}.su-groups{gap:8px;display:grid}.su-group{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.su-g-head{font:inherit;cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 14px;display:flex}.su-g-head:hover{background:#f7f8fd}.su-g-name{font-family:var(--display);color:var(--navy);font-size:15.5px}.su-g-counts{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.su-chev{color:var(--muted);flex:none;transition:transform .2s}.su-chev.is-open{transform:rotate(90deg)}.su-g-rows{padding:0 10px 10px}.su-g-rows .row{border-color:#eef0f6}html.dark .su-vts{background:#1e2750}html.dark .su-vt.is-on{background:var(--card);color:#eef1ff}html.dark .su-group{background:var(--card);border-color:var(--line)}html.dark .su-g-head{color:var(--ink)}html.dark .su-g-head:hover{background:#1a2350}html.dark .su-g-name{color:#eef1ff}.st-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.st-tile{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;gap:2px;padding:14px 16px;display:grid}.st-ico{color:#b7791f}.st-lbl{color:var(--muted);font-size:12.5px;font-weight:700}.st-val{font-family:var(--display);color:var(--navy);font-size:28px;line-height:1.15}.st-hint{color:var(--muted);font-size:12px}.st-trend{color:var(--muted);align-items:center;gap:4px;margin-top:2px;font-size:12px;font-weight:700;display:inline-flex}.st-trend-up{color:#15803d}.st-trend-down{color:#b91c1c}.db-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:4px;display:flex}.db-head h3{margin-bottom:2px}.db-card{margin-top:16px}.su-two-eq{grid-template-columns:1fr 1fr;margin-top:16px}.hb-list{gap:10px;display:grid}.hb{font:inherit;text-align:left;color:var(--ink);background:0 0;border:0;border-radius:10px;gap:4px;width:calc(100% + 12px);margin:0 -6px;padding:4px 6px;display:grid}.hb-click{cursor:pointer}.hb-click:hover{background:#f7f8fd}.hb-top{align-items:baseline;gap:8px;display:flex}.hb-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.hb-val{font-variant-numeric:tabular-nums;font-size:13.5px}.hb-track{background:#eef0f6;border-radius:4px;height:10px;overflow:hidden}.hb-fill{background:var(--navy);border-radius:0 4px 4px 0;height:100%;display:block}.hb-note{color:var(--muted);font-size:12px}.sb-bar{background:var(--line);border-radius:6px;gap:2px;height:22px;display:flex;overflow:hidden}.sb-seg{min-width:3px;height:100%;display:block}.sb-active{background:#16a34a}.sb-waiting{background:#d97706}.sb-expired{background:#dc2626}.sb-admin{background:#4f46e5}.sb-legend{flex-wrap:wrap;gap:8px 18px;margin-top:10px;display:flex}.sb-key{align-items:center;gap:6px;font-size:13.5px;display:inline-flex}.sb-key b{font-variant-numeric:tabular-nums}.sb-key small{color:var(--muted)}.sb-dot{border-radius:3px;width:10px;height:10px;display:inline-block}html.dark .sb-admin{background:#6366f1}html.dark .hb{color:var(--ink)}html.dark .hb-click:hover{background:#1a2350}html.dark .hb-track{background:#1e2750}html.dark .hb-fill{background:#8fa2f0}html.dark .st-trend-up{color:#86efac}html.dark .st-trend-down{color:#fca5a5}@media (max-width:860px){.su-two-eq{grid-template-columns:1fr}}.ch-plot{border-bottom:1px solid var(--line);align-items:stretch;gap:2px;height:180px;padding-top:8px;display:flex}.ch-bar{outline:none;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.ch-col{flex:1;align-items:flex-end;display:flex;position:relative}.ch-fill{background:var(--navy);border-radius:4px 4px 0 0;width:100%;min-height:0;transition:opacity .15s;display:block}.ch-fill.is-zero{background:var(--line);min-height:1px}.ch-bar:hover .ch-fill:not(.is-zero),.ch-bar:focus .ch-fill:not(.is-zero){background:#b7791f}.ch-tick{color:var(--muted);white-space:nowrap;font-size:11px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.ch-tip{z-index:5;white-space:nowrap;background:var(--navy);color:#fff;pointer-events:none;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:600;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.ch-bar:first-child .ch-tip,.ch-bar:nth-child(2) .ch-tip,.ch-bar:nth-child(3) .ch-tip{left:0;transform:none}.ch-bar:nth-last-child(-n+3) .ch-tip{left:auto;right:0;transform:none}.ch-bar:hover .ch-tip,.ch-bar:focus .ch-tip{display:block}.ch-plot+*{margin-top:26px}.card:has(.ch-plot){padding-bottom:34px}.su-table-wrap{border:1px solid var(--line);background:#fff;border-radius:14px;overflow-x:auto}.su-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13.5px}.su-table th,.su-table td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px}.su-table th:first-child,.su-table td:first-child{text-align:left}.su-table tbody tr:last-child td{border-bottom:0}.su-table tbody tr:hover{background:#f7f8fd}.th-btn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:12.5px;font-weight:700;display:inline-flex}.su-link{font:inherit;color:var(--navy);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:700}.td-time{color:var(--muted);white-space:nowrap;font-size:12.5px}.su-two{grid-template-columns:1fr 1.4fr;align-items:start;gap:16px;margin-top:18px;display:grid}.su-list{gap:2px;max-height:460px;display:grid;overflow-y:auto}.su-li{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-width:0;padding:6px 0;font-size:13.5px;display:flex}.su-li:last-child{border-bottom:0}.su-act{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;overflow:hidden}.su-num{font-variant-numeric:tabular-nums;margin-left:auto}@media (max-width:860px){.su-filters{grid-template-columns:1fr 1fr}.su-search{grid-column:1/-1}.st-grid{grid-template-columns:1fr 1fr}.su-two{grid-template-columns:1fr}}html.dark .su-chip:not(.is-on),html.dark .st-tile,html.dark .su-table-wrap{background:var(--card);border-color:var(--line);color:var(--ink)}html.dark .su-name,html.dark .su-link,html.dark .st-val{color:#eef1ff}html.dark .ch-fill{background:#8fa2f0}html.dark .ch-bar:hover .ch-fill:not(.is-zero),html.dark .ch-bar:focus .ch-fill:not(.is-zero){background:var(--gold)}html.dark .ch-tip{color:#0a1030;background:#eef1ff}html.dark .su-table tbody tr:hover{background:#1a2350}html.dark .su-st-active{color:#86efac;background:#0e2e22}html.dark .su-st-expired{color:#fca5a5;background:#3a1116}html.dark .su-st-waiting{color:#fcd34d;background:#3a2e10}html.dark .su-st-admin{color:#c7cdf0;background:#1e2750}@media (max-width:860px){.hero-home .hero-inner{grid-template-columns:1fr;gap:6px}.hero-home .orbit{width:190px}.hero-home .orb{width:36px;height:36px;transform:rotate(var(--a)) translateY(-88px) rotate(calc(-1 * var(--a)));margin:-18px 0 0 -18px}.hero-home .orb svg{width:16px;height:16px}.hero-home .big-cta{gap:10px}.nav-cta-mobile{display:inline-flex}.bn-slide{flex-basis:calc(50% - 7px)}}@media (max-width:700px){.tb-label,.tb-zoom-val,.nav-back span{display:none}.tb-tools{gap:6px}.tb-btn{width:36px;height:36px}.tb-login{height:36px;padding:0 11px}.brand small{display:none}.brand img{width:42px;height:42px}.brand b{font-size:21px}.topbar .topbar-inner,.app-page .topbar-inner{height:64px}}@media (max-width:560px){.big-cta{grid-template-columns:minmax(0,1fr)}.big-btn{min-width:0}.big-text b,.big-text small{white-space:normal}.cc-grid{grid-template-columns:1fr}.tile-grid{grid-template-columns:1fr 1fr}.row{flex-wrap:wrap}}@media (max-width:640px){.reg-group{grid-template-columns:1fr;gap:6px}.reg-fields,.br{grid-template-columns:1fr}.br-img{width:100%}.br-actions{justify-content:flex-start}.bn-slide{flex-basis:82%}}.ad-ticker{background:#eef1f7;border-radius:16px;width:min(1200px,100% - 32px);margin:16px auto 4px;padding:8px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.ad-track{will-change:transform;align-items:stretch;gap:12px;padding:0 6px;animation:60s linear infinite ad-scroll;display:inline-flex}.ad-ticker:hover .ad-track{animation-play-state:paused}.ad-item{white-space:nowrap;border:1px solid var(--line,#e6e8ef);color:var(--ink,#14224a);background:#fff;border-radius:999px;align-items:center;gap:9px;padding:9px 18px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 3px 10px #14224a12}.ad-item:before{content:"✦";color:#f5a300;font-size:13px}@keyframes ad-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ad-track{animation:none}.ad-ticker{overflow-x:auto}}:root{--gutter:clamp(16px, 4vw, 56px);--wrap-max:1680px}.wrap,.ad-ticker{width:min(var(--wrap-max), 100% - 2 * var(--gutter))}.page{max-width:1280px}.page-wide{max-width:var(--wrap-max)}@media (min-width:1280px){.bn-slide{flex-basis:calc(25% - 10.5px)}.hero-home h1{font-size:clamp(56px,4.2vw,76px)}.hero-home .big-cta{max-width:820px}.hero-home .orbit{width:min(360px,24vw)}.hero-home .orb{width:54px;height:54px;transform:rotate(var(--a)) translateY(calc(-1 * min(168px, 11.2vw))) rotate(calc(-1 * var(--a)));margin:-27px 0 0 -27px}.hero-home{padding:34px 0 38px!important}}@media (min-width:1800px){.bn-slide{flex-basis:calc(20% - 11.2px)}.cc-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:480px){.tb-zoom-out,.tb-zoom-in{display:none}.brand{gap:8px}.brand img{width:36px;height:36px}.brand b{font-size:18px}.hero-home h1{letter-spacing:-.5px;font-size:clamp(26px,8.2vw,34px)}.hero-home .eyebrow{letter-spacing:.4px;font-size:11.5px}.big-btn{gap:10px;padding:12px 14px}.ad-item{padding:7px 14px;font-size:13px}.bn-slide{flex-basis:88%}.bn-head h2{font-size:21px}.card{padding:16px}}.big-wide{grid-column:1/-1}.ig-page{max-width:1400px}.ig-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:28px;display:grid}.ig-side{flex-direction:column;min-width:0;display:flex;position:sticky;top:92px}.ig-side-title{font-family:var(--display);color:var(--navy);margin:0;font-size:24px;font-weight:900}.ig-side-meta{color:var(--muted);margin:4px 0 14px;font-size:13px;font-weight:600}.ig-list{scrollbar-width:thin;flex-direction:column;gap:8px;max-height:calc(100vh - 190px);padding:2px 6px 6px 2px;display:flex;position:relative;overflow-y:auto}.ig-grp{letter-spacing:.05em;text-transform:uppercase;color:#b7791f;margin:10px 2px 0;font-size:11.5px;font-weight:800}.ig-item{color:#fff;transition:background .2s, transform .2s var(--ease), box-shadow .2s;background:#1b5a80;border:1.5px solid #123e5a;border-radius:12px;align-items:center;gap:10px;padding:7px 10px 7px 7px;line-height:1.25;display:flex;box-shadow:0 3px 8px #14204a1f}.ig-item:hover{background:#216c99;transform:translate(3px)}.ig-item.is-on{background:var(--gold);color:var(--navy);border-color:#c98e14;box-shadow:0 8px 20px #f2b23359}.ig-item-thumb{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;background:#ede6d6;border:1.5px solid #ffffff59;border-radius:7px;flex:none;width:72px}.ig-item.is-on .ig-item-thumb{border-color:var(--navy)}.ig-item-title{flex:1;min-width:0;font-size:14.5px;font-weight:700}.ig-item-seen{color:#fff;background:#16a34a;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.ig-main{min-width:0}.ig-caption{min-height:118px;margin:0 0 14px}.ig-cap-top{align-items:center;gap:12px;display:flex}.ig-cap-set{letter-spacing:.04em;text-transform:uppercase;color:#b7791f;font-size:13px;font-weight:800}.ig-count{color:var(--muted);flex:none;margin-left:auto;font-size:14px;font-weight:700}.ig-cap-title{font-family:var(--display);color:var(--navy);margin:6px 0 0;font-size:clamp(22px,2.4vw,30px);font-weight:900}.ig-cap-text{color:var(--ink);max-width:90ch;margin:8px 0 0;font-size:15.5px;line-height:1.65}.ig-next-cta{background:var(--gold);color:var(--navy);border-radius:12px;align-items:center;gap:6px;margin-top:10px;padding:9px 16px;font-size:14.5px;font-weight:600;transition:background .2s;display:inline-flex}.ig-next-cta:hover{background:var(--gold-2)}.ig-stage{aspect-ratio:16/9;box-shadow:var(--shadow);background:#f4f0e6;border-radius:14px;position:relative;overflow:hidden}.ig-img{-o-object-fit:contain;object-fit:contain;cursor:zoom-in;width:100%;height:100%}.ig-nav{cursor:pointer;color:#fff;opacity:.85;background:#14204ab8;border:0;border-radius:50%;place-items:center;width:46px;height:46px;transition:opacity .2s,background .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.ig-nav:hover{opacity:1;background:var(--navy);color:var(--gold)}.ig-prev{left:10px}.ig-next{right:10px}.ig-max{cursor:pointer;color:#fff;background:#14204ab8;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:10px;right:10px}.ig-max:hover{background:var(--navy);color:var(--gold)}.ig-thumbs{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.ig-thumb{border:2px solid var(--line);cursor:pointer;opacity:.65;transition:opacity .2s, border-color .2s, transform .2s var(--ease);background:#ede6d6;border-radius:10px;padding:0;position:relative;overflow:hidden}.ig-thumb img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%}.ig-thumb:hover{opacity:.95;transform:translateY(-2px)}.ig-thumb.is-on{opacity:1;border-color:var(--gold)}.ig-thumb-n{color:#fff;background:#14204acc;border-radius:6px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:4px;left:4px}.ig-zoom{z-index:1000;place-items:center;padding:56px 16px 64px;display:grid;position:fixed;inset:0}.ig-zoom-bg{background:#060a1ceb;position:absolute;inset:0}.ig-zoom-img{-o-object-fit:contain;object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;position:relative;box-shadow:0 20px 60px #00000080}.ig-zoom-bar{color:#fff;justify-content:center;gap:14px;font-size:15px;display:flex;position:absolute;bottom:18px;left:0;right:0}.ig-zoom-bar span{opacity:.7}.ig-close{cursor:pointer;color:#fff;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:12px;right:12px}.ig-close:hover{background:var(--gold);color:var(--navy)}.ig-znav{background:#ffffff1f}html.dark .ig-side-title,html.dark .ig-cap-title{color:#eef1ff}html.dark .ig-item:not(.is-on){border-color:var(--line);background:#1e2b5c}@media (max-width:900px){.ig-layout{grid-template-columns:minmax(0,1fr);gap:14px}.ig-side{position:static}.ig-side-meta{margin-bottom:10px}.ig-list{scroll-snap-type:x proximity;flex-direction:row;max-height:none;padding:2px 2px 10px;overflow:auto hidden}.ig-grp{display:none}.ig-item{scroll-snap-align:start;flex:none;max-width:240px}.ig-item:hover{transform:none}.ig-caption{min-height:0}}@media (max-width:640px){.ig-side-title{font-size:21px}.ig-item{padding:6px 9px 6px 6px}.ig-item-thumb{width:60px}.ig-item-title{font-size:13.5px}.ig-nav{width:36px;height:36px}.ig-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ig-cap-text{font-size:14.5px}}.cc-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.cc-tagline{font-family:var(--display);color:var(--c);margin:2px 0 0;font-size:15px;font-weight:800;line-height:1.3}.cc-pitch{color:var(--ink);margin:4px 0 6px;font-size:14px;line-height:1.55}.cc-features{gap:6px;margin:4px 0 6px;padding:0;list-style:none;display:grid}.cc-features li{color:var(--navy);align-items:flex-start;gap:8px;font-size:13.5px;font-weight:600;line-height:1.35;display:flex}.cc-features li svg{color:var(--c);flex:none;margin-top:1px}.cc-stats{color:var(--c);background:color-mix(in srgb, var(--c) 10%, #fff);border-radius:9px;align-self:flex-start;margin:4px 0 10px;padding:5px 10px;font-size:12.5px;font-weight:800}.cc-actions{border-top:1px dashed var(--line);padding-top:10px}.cc-go{background:var(--c);color:#fff;box-shadow:0 8px 18px color-mix(in srgb, var(--c) 30%, transparent);border-radius:11px;padding:9px 16px}.cc-go:hover{filter:brightness(1.08)}.subject-block .subject-intro{max-width:760px;color:var(--muted);margin:-4px 0 16px 56px;font-size:15px;line-height:1.55}html.dark .cc-pitch,html.dark .cc-features li{color:#d5daea}html.dark .cc-stats{background:color-mix(in srgb, var(--c) 22%, #0b1020)}@media (max-width:640px){.cc-grid{grid-template-columns:1fr}.subject-block .subject-intro{margin-left:0}}.reg-form .reg-step-head{justify-content:space-between;align-items:center;margin:4px 0 12px;display:flex}.rg-count{color:var(--navy);background:#fff3d6;border:1px solid #f4e3bd;border-radius:9px;padding:3px 10px;font-size:13px;font-weight:800}.rg-list{gap:14px;margin-bottom:22px;display:grid}.rg-head{color:var(--navy);font-family:var(--display);align-items:center;gap:8px;margin-bottom:8px;display:flex}.rg-icon{color:#fff;background:var(--c);border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.rg-chips{flex-wrap:wrap;gap:8px;display:flex}.rg-chip{cursor:pointer;color:var(--navy);border:1.5px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:7px;padding:8px 13px;font-size:14px;font-weight:700;transition:border-color .2s,background .2s,transform .15s;display:inline-flex}.rg-chip:hover{border-color:var(--c);transform:translateY(-1px)}.rg-chip svg{color:var(--muted)}.rg-chip.is-on{border-color:var(--c);background:color-mix(in srgb, var(--c) 12%, #fff)}.rg-chip.is-on svg{color:var(--c)}.pw-row{display:flex;position:relative}.pw-row .f-input{width:100%;padding-right:44px}.pw-eye{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-eye:hover{color:var(--navy);background:#0000000d}html.dark .rg-chip{color:#e7eaf6;background:#151b33}html.dark .rg-chip.is-on{background:color-mix(in srgb, var(--c) 25%, #151b33)}.ct-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:min(330px,86vw);margin:0 auto;display:grid}.ct{border:1.5px solid color-mix(in srgb, var(--c) 70%, #fff 10%);box-shadow:0 12px 28px #00000040, inset 0 0 28px color-mix(in srgb, var(--c) 28%, transparent);animation:ct-float 5s ease-in-out calc(var(--i) * -.8s) infinite;background:#ffffff17;border-radius:18px;flex-direction:column;gap:2px;padding:14px 14px 12px;display:flex;position:relative;overflow:hidden}.ct:nth-child(2n){margin-top:18px}.ct:after{content:"";pointer-events:none;animation:sweep 6s ease-in-out calc(var(--i) * .7s + 1s) infinite;background:linear-gradient(110deg,#0000 35%,#ffffff47 50%,#0000 65%);position:absolute;inset:0;transform:translate(-130%)}.ct-ico{background:var(--c);color:#fff;width:44px;height:44px;box-shadow:0 6px 16px color-mix(in srgb, var(--c) 60%, transparent);border-radius:13px;place-items:center;margin-bottom:8px;display:grid}.ct b{color:#fff;font-size:16px;font-weight:800;line-height:1.2}.ct small{color:#ffffffb8;font-size:12px;font-weight:600}@keyframes ct-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (prefers-reduced-motion:reduce){.ct,.ct:after{animation:none}}.sl-wrap{width:min(350px,90vw);margin:0 auto}.sl{filter:drop-shadow(0 18px 30px #00000059);width:100%;height:auto;overflow:visible}.sl-glyph{fill:#fff;font:800 8.5px Inter,system-ui,sans-serif}.sl-lit{opacity:0;animation:none}.sl-walker{animation:10s ease-in-out infinite sl-climb}.sl-step{animation:.5s ease-in-out infinite alternate sl-bounce}.sl-arm{transform-origin:72px 237px;animation:10s ease-in-out infinite sl-wave}.sl-age{opacity:0;transform-box:view-box;animation:none}.sl-age0{animation-name:sl-age0}.sl-age1{animation-name:sl-age1}.sl-age2{animation-name:sl-age2}.sl-age3{animation-name:sl-age3}.sl-age4{animation-name:sl-age4}.sl-star{transform-origin:274px 34px;animation:10s ease-in-out infinite sl-star}.sl-conf{opacity:0;animation:10s ease-out infinite sl-burst}.sl-float{animation:sl-drift 6s ease-in-out var(--dl) infinite}.sl-bot{animation:2.6s ease-in-out infinite sl-hover}.sl-flame{transform-origin:46px 219px;animation:.3s ease-in-out infinite alternate sl-flick}.sl-ant{animation:1.4s ease-in-out infinite mt-twinkle}.sl-boteye{transform-origin:50%;transform-box:fill-box;animation:4s infinite mt-blink}.sl-flag{transform-origin:31px 282px;animation:2.4s ease-in-out infinite sl-flap}.sl-stars circle{animation:3s ease-in-out infinite mt-twinkle}.sl-stars circle:nth-child(2){animation-delay:.7s}.sl-stars circle:nth-child(3){animation-delay:1.4s}.sl-stars circle:nth-child(4){animation-delay:2s}.sl-stars circle:nth-child(5){animation-delay:2.5s}@keyframes sl-climb{0%,8%{opacity:1;transform:translate(0)}11%{transform:translate(26px,-39px)}14%,22%{transform:translate(52px,-34px)}25%{transform:translate(78px,-73px)}28%,36%{transform:translate(104px,-68px)}39%{transform:translate(130px,-107px)}42%,50%{transform:translate(156px,-102px)}53%{transform:translate(182px,-141px)}56%{transform:translate(208px,-136px)}60%{transform:translate(208px,-156px)}64%{transform:translate(208px,-136px)}68%{transform:translate(208px,-156px)}72%,90%{opacity:1;transform:translate(208px,-136px)}94%{opacity:0;transform:translate(208px,-136px)}94.5%,99%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes sl-bounce{to{transform:translateY(-2.5px)}}@keyframes sl-wave{0%,55%{transform:rotate(0)}60%{transform:rotate(-70deg)}64%{transform:rotate(-40deg)}68%{transform:rotate(-70deg)}74%,to{transform:rotate(0)}}@keyframes sl-star{0%,52%{opacity:.5;transform:scale(.55)}58%{opacity:1;transform:scale(1.35)}64%,90%{opacity:1;transform:scale(1)}96%,to{opacity:.5;transform:scale(.55)}}@keyframes sl-burst{0%,55%{opacity:0;transform:translate(0)}58%{opacity:1}78%{opacity:0;transform:translate(var(--dx), var(--dy))}to{opacity:0}}@keyframes sl-drift{50%{transform:translateY(-9px)rotate(3deg)}}@keyframes sl-hover{50%{transform:translateY(-5px)}}@keyframes sl-flick{to{opacity:.7;transform:scaleY(1.5)}}@keyframes sl-flap{50%{transform:skewY(-5deg)}}@keyframes sl-lit1{0%,14%{opacity:0}17%,93%{opacity:.38}97%,to{opacity:0}}@keyframes sl-lit2{0%,28%{opacity:0}31%,93%{opacity:.38}97%,to{opacity:0}}@keyframes sl-lit3{0%,42%{opacity:0}45%,93%{opacity:.38}97%,to{opacity:0}}@keyframes sl-lit4{0%,56%{opacity:0}59%,93%{opacity:.38}97%,to{opacity:0}}@keyframes sl-age0{0%,10%{opacity:1}12%,94%{opacity:0}95%,to{opacity:1}}@keyframes sl-age1{0%,10%{opacity:0}12%,24%{opacity:1}26%,to{opacity:0}}@keyframes sl-age2{0%,24%{opacity:0}26%,38%{opacity:1}40%,to{opacity:0}}@keyframes sl-age3{0%,38%{opacity:0}40%,52%{opacity:1}54%,to{opacity:0}}@keyframes sl-age4{0%,52%{opacity:0}54%,94%{opacity:1}95%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.sl-age{opacity:0!important}.sl-age4{opacity:1!important}.sl *,.sl{animation:none!important}.sl-walker{transform:translate(208px,-136px)}.sl-lit{opacity:.38}}.cc-status{z-index:1;background:#ffffffeb;border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:800;position:absolute;top:10px;right:12px}.cc-status.running{color:#15803d}.cc-status.paused{color:#b45309}.cc-paused-note{color:#b45309;font-size:13px;font-weight:700}.badge-running{color:#15803d;background:#dcfce7}.badge-paused{color:#b45309;background:#fef3c7}.form-checks{flex-wrap:wrap;gap:6px 22px;display:flex}html.dark .badge-running{color:#86efac;background:#14301f}html.dark .badge-paused{color:#fcd34d;background:#3a2e10}html.dark .cc-paused-note{color:#fcd34d}.tb-tabs{gap:4px;display:flex}.tb-tab{font:inherit;color:#ffffffd9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:700;transition:background .2s;display:inline-flex}.tb-tab:hover{color:#fff;background:#ffffff1a}.tb-tab.is-on{background:var(--gold-2);color:#1a2147}@media (max-width:900px){.tb-tab-label,.adm-user{display:none}}.adm-super{--sa-r:18px;--sa-soft:#f6f7fc}.adm-super .card,.adm-super .su-table-wrap,.adm-super .su-group,.adm-super .row{border-radius:var(--sa-r);border-color:#e9ecf5;box-shadow:0 1px 2px #14204a0a,0 6px 18px #14204a0d}.adm-super .card{padding:22px 24px;animation:none}.adm-super .card h3{letter-spacing:-.1px;font-size:17px}.adm-super .adm-sub{text-transform:none;margin:26px 0 12px;font-size:16px}.adm-super .su-bar{margin-bottom:14px;padding:2px 2px 4px}.adm-super .f-input{background:var(--sa-soft);border-color:#0000;border-radius:12px;transition:background .2s,border-color .2s,box-shadow .2s}.adm-super .f-input:focus{border-color:var(--gold);background:#fff;outline:none;box-shadow:0 0 0 4px #f2b2332e}.adm-super .btn-sm{border-radius:10px}.adm-super .st-grid{gap:14px;margin-bottom:18px}.adm-super .st-tile{border-radius:var(--sa-r);border:1px solid #e9ecf5;gap:3px;padding:18px 18px 16px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.adm-super .st-tile:before{content:"";background:linear-gradient(90deg, var(--gold), #ff8a3d);height:4px;position:absolute;inset:0 0 auto}.adm-super .st-tile:hover{transform:translateY(-2px);box-shadow:0 12px 28px #14204a1a}.adm-super .st-ico{color:#b7791f;background:#fff3d6;border-radius:11px;place-items:center;width:34px;height:34px;margin-bottom:6px;display:grid}.adm-super .st-lbl{letter-spacing:.3px;text-transform:uppercase;font-size:12px}.adm-super .st-val{letter-spacing:-.5px;font-size:34px}.adm-super .st-trend{background:var(--sa-soft);border-radius:99px;width:fit-content;padding:1px 8px}.adm-super .st-trend-up{background:#dcfce7}.adm-super .st-trend-down{background:#fee2e2}.adm-super .su-table thead th{background:var(--sa-soft);color:var(--muted);letter-spacing:.3px;text-transform:uppercase;border-bottom:1px solid #e9ecf5;font-size:12px;position:sticky;top:0}.adm-super .su-table td{padding:11px 12px}.adm-super .su-groups{gap:10px}.adm-super .su-g-head{background:linear-gradient(180deg, #fff, var(--sa-soft));padding:14px 18px}.adm-super .su-g-name{font-size:16px}.adm-super .su-g-rows{background:#fff;padding:4px 12px 12px}.adm-super .su-filters{border-radius:var(--sa-r);z-index:5;background:#fff;border:1px solid #e9ecf5;padding:12px;position:sticky;top:76px;box-shadow:0 1px 2px #14204a0a}.cl-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 14px;display:flex}.cl-pills{flex-wrap:wrap;gap:8px;display:flex}.cl-pill{color:var(--muted);background:#fff;border:1px solid #e9ecf5;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.cl-pill b{color:var(--navy);font-family:var(--display);font-size:15px}.cl-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cl-search{min-width:220px}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot-run{background:#22c55e;box-shadow:0 0 0 4px #22c55e2e}.dot-pause{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b2e}.cl-row{gap:14px;padding:12px 16px;transition:transform .15s,box-shadow .15s}.cl-row:hover{transform:translateY(-1px);box-shadow:0 10px 22px #14204a17}.cl-row .row-info b{color:var(--navy);font-size:15px}.cl-tags{flex-wrap:wrap;gap:6px;margin:3px 0 2px;display:flex}.cl-tag{background:var(--sa-soft);color:var(--muted);border-radius:99px;padding:2px 9px;font-size:11.5px;font-weight:700}.cl-tag[style]{background:color-mix(in srgb, var(--c) 14%, #fff);color:var(--c)}.cl-off{background:#f1f2f6}.sw{cursor:pointer;font:inherit;color:#b45309;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.sw-knob{background:#d6d9e6;border-radius:99px;flex:none;width:42px;height:24px;transition:background .2s;position:relative}.sw-knob:after{content:"";width:18px;height:18px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.sw.on{color:#15803d}.sw.on .sw-knob{background:#22c55e}.sw.on .sw-knob:after{transform:translate(18px)}.sw-label{text-align:left;min-width:104px}.sw:hover .sw-knob{filter:brightness(.95)}@media (max-width:700px){.sw-label{display:none}.adm-super .su-filters{position:static}.cl-search{flex:1;min-width:0}}html.dark .adm-super{--sa-soft:#1a2350}html.dark .adm-super .card,html.dark .adm-super .su-group,html.dark .adm-super .su-filters,html.dark .adm-super .cl-pill,html.dark .adm-super .su-g-rows{background:var(--card);border-color:var(--line)}html.dark .adm-super .su-g-head{background:linear-gradient(180deg, var(--card), #1a2350)}html.dark .adm-super .f-input:focus{background:var(--card)}html.dark .adm-super .st-ico{color:var(--gold);background:#3a2e10}html.dark .adm-super .st-trend-up{background:#0e2e22}html.dark .adm-super .st-trend-down{background:#3a1116}html.dark .cl-pill b,html.dark .cl-row .row-info b{color:#eef1ff}html.dark .cl-tag[style]{background:color-mix(in srgb, var(--c) 25%, #101840);color:#fff}html.dark .sw-knob{background:#3a4470}html.dark .sw.on .sw-knob{background:#16a34a}.cg-ico{background:color-mix(in srgb, var(--c) 14%, #fff);width:34px;height:34px;color:var(--c);border-radius:10px;flex:none;place-items:center;display:grid}.su-group .cl-row{box-shadow:none}html.dark .cg-ico{background:color-mix(in srgb, var(--c) 28%, #101840);color:#fff}html.dark .su-st-paused{color:#fcd34d;background:#3a2e10}

/* ------------------------------------------------------------------
   easy.css (100easy100.com-ийн загвар) дээр нэмэлт: нэвтрэх цэс,
   хичээлийн үнэ, миний хичээл, төлбөрийн хуудас, профайл
   ------------------------------------------------------------------ */

#app { min-height: 100vh; }
.footer-logo { width: 40px; height: 40px; }

/* Нэвтрэх цэс (Radix dropdown-ийн оронд) */
.lm-wrap { position: relative; }
.lm-pop {
    position: absolute; right: 0; top: calc(100% + 8px); z-index: 60;
    background: var(--card); border: 1px solid var(--line); border-radius: 14px;
    box-shadow: 0 18px 44px #14204a33, 0 2px 6px #14204a14; padding: 6px;
}
.lm-pop .lm-item { border-radius: 10px; transition: background .15s; }
.lm-pop .lm-item:hover { background: #f2b2331f; }
.lm-sep { height: 1px; background: var(--line); margin: 6px 4px; }
.lm-fade-enter-active, .lm-fade-leave-active { transition: opacity .15s, transform .15s var(--ease); }
.lm-fade-enter, .lm-fade-leave-to { opacity: 0; transform: translateY(-4px); }
.tb-me { max-width: 220px; }
.tb-me .tb-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 560px) {
    .lm-pop { position: fixed; left: 12px; right: 12px; top: 64px; }
    .lm-content { min-width: 0; }
}

/* Хичээлийн карт: үнэ, бүртгүүлэх */
.cc-price { display: flex; align-items: baseline; gap: 6px; margin: 6px 0 2px; }
.cc-price-val { font-family: var(--display); font-weight: 900; font-size: 18px; color: var(--navy); }
.cc-price-per { color: var(--muted); font-size: 13px; font-weight: 600; }
.cc-buy {
    font: inherit; cursor: pointer; border: 1.5px solid var(--c); color: var(--c); background: transparent;
    border-radius: 11px; padding: 8px 14px; font-size: 14px; font-weight: 800;
    display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
    transition: background .2s, color .2s, transform .2s var(--ease);
}
.cc-buy:hover { background: var(--c); color: #fff; transform: translateY(-1px); }
.rg-price { color: var(--muted); font-weight: 700; margin-left: 4px; font-size: 12px; }
.basket b { font-family: var(--display); color: var(--navy); font-size: 18px; }

/* Нэвтрэх */
.login-card { margin: 0 auto; width: 100%; }
.login-links { display: flex; gap: 8px; justify-content: center; }
.login-links a, .reg-note a, .page-head a { color: #b7791f; font-weight: 700; }
.reg-fields .f-label small, .f-label small { color: var(--muted); font-weight: 600; }

/* Миний хичээлүүд */
.me-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 16px; }
.me-actions .btn, .enr-actions .btn, .form-actions .btn, .done-actions .btn { width: auto; }
.me-empty { text-align: center; display: grid; gap: 10px; justify-items: center; }
.me-empty .btn { width: auto; }
.enr-list { display: grid; gap: 14px; }
.enr { border-left: 5px solid var(--c); display: grid; gap: 12px; }
.enr-head { display: flex; align-items: center; gap: 12px; }
.enr-icon {
    width: 44px; height: 44px; border-radius: 12px; flex: none; display: grid; place-items: center; color: #fff;
    background: linear-gradient(145deg, var(--c), color-mix(in srgb, var(--c) 65%, #000));
}
.enr-title { flex: 1; min-width: 0; }
.enr-title small { color: var(--muted); font-size: 12.5px; font-weight: 700; }
.enr-title h3 { margin: 0 !important; font-size: 17px !important; }
.enr-status, .pay-status {
    border-radius: 99px; padding: 4px 11px; font-size: 12.5px; font-weight: 800; white-space: nowrap;
    background: #eef0fa; color: var(--navy);
}
.st-active { background: #dcfce7; color: #15803d; }
.st-pending_payment { background: #fef3c7; color: #b45309; }
.st-payment_submitted { background: #e0f2fe; color: #0369a1; }
.st-expired, .st-cancelled { background: #f1f2f6; color: var(--muted); }
.st-rejected { background: #fef2f2; color: #b91c1c; }
.enr-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; color: var(--muted); font-size: 13.5px; }
.enr-meta span { display: inline-flex; align-items: center; gap: 6px; }
.enr-meta b { color: var(--ink); }
.enr-progress small { color: var(--muted); font-size: 13px; }
.enr-bar { height: 8px; border-radius: 8px; background: #eef0fa; overflow: hidden; margin-bottom: 6px; }
.enr-bar span { display: block; height: 100%; background: linear-gradient(90deg, var(--c), var(--gold)); border-radius: 8px; }
.enr-note {
    display: flex; gap: 8px; align-items: flex-start; flex-wrap: wrap; font-size: 14px;
    background: #fff8e6; border: 1px solid #f4e3bd; border-radius: 12px; padding: 10px 12px;
}
.enr-note svg { color: #b45309; flex: none; margin-top: 2px; }
.enr-note-info { background: #eff6ff; border-color: #bfdbfe; }
.enr-note-info svg { color: #0369a1; }
.enr-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.enr-hint { color: var(--muted); font-size: 13px; }

/* Төлбөр */
.pay-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.pay-main { display: grid; gap: 14px; border-top: 5px solid var(--c); }
.pay-status { display: inline-flex; align-items: center; gap: 8px; justify-self: start; padding: 8px 14px; font-size: 14px; }
.pay-status span { font-weight: 600; }
.pay-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; counter-reset: pay; }
.pay-steps li {
    counter-increment: pay; display: grid; gap: 4px; padding: 12px 14px 12px 52px; position: relative;
    border: 1px solid var(--line); border-radius: 14px; background: #fbfbfe;
}
.pay-steps li:before {
    content: counter(pay); position: absolute; left: 14px; top: 12px; width: 26px; height: 26px; border-radius: 50%;
    background: var(--navy); color: var(--gold); display: grid; place-items: center; font-weight: 800; font-size: 13px;
}
.pay-k { color: var(--muted); font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; }
.pay-v { color: var(--ink); font-size: 15px; }
.pay-amount { font-family: var(--display); font-size: 26px; font-weight: 900; color: var(--navy); }
.pay-account { font: inherit; white-space: pre-wrap; margin: 0; font-weight: 600; }
.pay-ref { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pay-ref b { font-family: var(--display); font-size: 20px; letter-spacing: .5px; color: #b7791f; }
.pay-ref .btn { width: auto; }
.pay-form { display: grid; gap: 10px; border-top: 1px dashed var(--line); padding-top: 14px; }
.pay-form h3 { margin: 0 !important; }
.form-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.pay-side { display: grid; gap: 14px; }
.pay-qpay-head { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; color: var(--navy); }
.pay-qpay p, .pay-info li { color: var(--muted); font-size: 14px; margin: 0; }
.pay-info ul { margin: 0; padding-left: 18px; display: grid; gap: 6px; }

/* Профайл */
.profile-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }

@media (max-width: 820px) {
    .pay-grid, .profile-grid { grid-template-columns: 1fr; }
}

/* Шөнийн горим */
html.dark .lm-pop { background: var(--card); border-color: var(--line); }
html.dark .lm-pop .lm-item:hover { background: #1a2350; }
html.dark .cc-price-val, html.dark .basket b, html.dark .pay-amount, html.dark .pay-qpay-head { color: #eef1ff; }
html.dark .pay-steps li { background: #101838; border-color: var(--line); }
html.dark .enr-bar { background: #1e2750; }
html.dark .enr-note { background: #221d0c; border-color: #4a3b14; }
html.dark .enr-note-info { background: #0c1b33; border-color: #1e3a66; }
html.dark .enr-status, html.dark .pay-status { background: #1e2750; color: #c7cdf0; }
html.dark .st-active { background: #0e2e22; color: #86efac; }
html.dark .st-pending_payment { background: #3a2e10; color: #fcd34d; }
html.dark .st-payment_submitted { background: #0c2740; color: #7dd3fc; }
html.dark .st-rejected { background: #3a1116; color: #fca5a5; }
html.dark .enr-title h3 { color: #eef1ff; }