@font-face{font-family:Anuphan;font-style:normal;font-weight:300;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.03e9h65tke1nm.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:300;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.2y60e0ylj-c-t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:300;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.01ck5wmqme0qc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:300;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.1hq3aonna3zri.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.03e9h65tke1nm.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.2y60e0ylj-c-t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.01ck5wmqme0qc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.1hq3aonna3zri.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.03e9h65tke1nm.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.2y60e0ylj-c-t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.01ck5wmqme0qc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.1hq3aonna3zri.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.03e9h65tke1nm.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.2y60e0ylj-c-t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.01ck5wmqme0qc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.1hq3aonna3zri.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.03e9h65tke1nm.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.2y60e0ylj-c-t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.01ck5wmqme0qc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.1hq3aonna3zri.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.R4aJga_className{font-family:Anuphan,Anuphan Fallback;font-style:normal}.R4aJga_variable{--font-anuphan:"Anuphan", "Anuphan Fallback"}
:root{--blue:#2563eb;--blue-dark:#1d4ed8;--blue-soft:#eff6ff;--blue-line:#dbeafe;--ink:#0f172a;--body:#475569;--muted:#94a3b8;--line:#e2e8f0;--bg:#fff;--bg-soft:#f8fafc;--up:#22c55e;--down:#ef4444;--radius:16px;--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--shadow-lg:0 12px 40px #2563eb24}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-anuphan), system-ui, -apple-system, "Segoe UI", sans-serif;color:var(--body);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.01em;font-weight:600;line-height:1.3}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 24px}.blue{color:var(--blue)}.eyebrow{color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:999px;margin-bottom:18px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-block}.section{padding:92px 0}.section-soft{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{text-align:center;max-width:700px;margin:0 auto 54px}.section-head h2{margin-bottom:14px;font-size:clamp(26px,3.4vw,38px)}.section-head p{font-size:17px}#scrollBar{z-index:60;background:linear-gradient(90deg,var(--blue),#60a5fa);transform-origin:0;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-family:inherit;font-size:16px;font-weight:600;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 16px #2563eb38}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 10px 22px #2563eb4d}.btn-ghost{color:var(--ink);border-color:var(--line);background:#fff}.btn-ghost:hover{border-color:var(--muted);transform:translateY(-2px)}.btn-block{width:100%}.btn-lg{padding:16px 34px;font-size:17px}header.nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border-bottom:1px solid #0000;transition:border-color .2s,box-shadow .2s;position:sticky;top:0}header.nav.scrolled{border-color:var(--line);box-shadow:0 4px 20px #0f172a0a}.nav-inner{justify-content:space-between;align-items:center;height:68px;transition:height .2s;display:flex}header.nav.scrolled .nav-inner{height:60px}.logo{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.logo-mark{flex-shrink:0;width:32px;height:32px;display:block}.nav-links{color:var(--body);gap:28px;font-size:15px;font-weight:500;display:flex}.nav-links a:hover{color:var(--blue)}.nav-cta{align-items:center;gap:12px;display:flex}@media (max-width:880px){.nav-links,.nav-cta .btn-ghost{display:none}}.btn-sm{padding:8px 14px;font-size:14px}.g-logo{border:1px solid var(--line);width:20px;height:20px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.lbl-short{display:none}.auth-wait{width:120px;display:inline-block}.user-menu{align-items:center;gap:10px;display:flex}.user-avatar{object-fit:cover;border:2px solid var(--blue-soft);border-radius:50%;width:34px;height:34px}.user-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:15px;font-weight:600;overflow:hidden}@media (max-width:880px){.nav-cta .auth-btn,.nav-cta .user-menu .btn-ghost{display:inline-flex}}@media (max-width:560px){.lbl-long,.user-name{display:none}.lbl-short{display:inline}.nav-cta{gap:8px}.nav-cta .btn{padding:10px 14px;font-size:14px}.logo{font-size:17px}}.hero{padding:76px 0 80px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid;position:relative}.hero h1{letter-spacing:-.03em;margin-bottom:22px;font-size:clamp(32px,5vw,50px);font-weight:700}.hero h1>span{display:block}[lang=th] .hero h1>span{white-space:nowrap}.hero p.lead{max-width:530px;margin-bottom:32px;font-size:19px}.hero-cta{flex-wrap:wrap;gap:14px;margin-bottom:30px;display:flex}.hero-points{flex-direction:column;gap:12px;display:flex}.hero-point{align-items:flex-start;gap:11px;font-size:15px;display:flex}.check{background:var(--blue-soft);width:22px;height:22px;color:var(--blue);border-radius:50%;flex-shrink:0;place-items:center;margin-top:2px;font-size:12px;font-weight:700;display:grid}@media (max-width:880px){.hero-grid{grid-template-columns:1fr;gap:40px}}.shapes{pointer-events:none;position:absolute;inset:0}.shape{will-change:transform;position:absolute}.s-circle{background:var(--blue-soft);border-radius:50%}.s-ring{border:3px solid var(--blue-line);border-radius:50%}.s-sq{background:var(--blue-line);opacity:.65;border-radius:20px}.s-bars{align-items:flex-end;gap:6px;display:flex}.s-bars i{background:var(--blue);opacity:.8;border-radius:4px;width:13px}.s-dot{background:#f5c842;border-radius:50%}.video-card{border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#fff;border-radius:22px;padding:14px}.video-box{aspect-ratio:16/9;background:var(--blue-soft);border-radius:14px;position:relative;overflow:hidden}.video-box iframe,.video-box video{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.vid-ph{background:linear-gradient(135deg,var(--blue-soft),#fff 60%);text-align:center;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;padding:16px;font-family:inherit;display:flex;position:absolute;inset:0}.vid-ph img.vid-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}button.vid-ph{cursor:pointer}.play{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:70px;height:70px;padding-left:5px;font-size:26px;transition:transform .2s;display:grid;position:relative;box-shadow:0 10px 26px #2563eb59}button.vid-ph:hover .play{transform:scale(1.08)}.vid-t{color:var(--ink);font-size:16px;font-weight:600;position:relative}.vid-s{color:var(--muted);font-size:13px;position:relative}.video-cap{color:var(--muted);text-align:center;padding:12px 6px 2px;font-size:13px}.marquee-wrap{padding:26px 0 8px;overflow:hidden}.marquee{background:var(--blue);color:#fff;white-space:nowrap;margin:0 -24px;padding:15px 0;transform:rotate(-1.4deg)}.m-row{will-change:transform;gap:34px;display:inline-flex}.tick{align-items:center;gap:9px;font-size:15px;font-weight:500;display:inline-flex}.tick b{letter-spacing:.02em;font-weight:700}.tick .tk{width:26px;height:26px;color:var(--blue);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid;overflow:hidden}.tick .tk img{object-fit:contain;width:100%;height:100%}.tick .nm{opacity:.8;font-weight:400}.marquee-note{text-align:center;color:var(--muted);padding:6px 16px 0;font-size:12px}.course-grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.course-grid h2{margin-bottom:14px;font-size:clamp(24px,3.2vw,34px)}.course-text{margin-bottom:22px;font-size:17px}.course-points{flex-direction:column;gap:11px;margin-bottom:28px;list-style:none;display:flex}.course-points li{align-items:center;gap:12px;font-size:15px;display:flex}.course-points .ic{background:var(--blue-soft);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid}@media (max-width:880px){.course-grid{grid-template-columns:1fr;gap:36px}}.chart-card{border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#fff;border-radius:22px;padding:22px}.chart-head{color:var(--muted);align-items:center;gap:9px;margin-bottom:14px;font-size:13px;font-weight:500;display:flex}.live{background:var(--up);border-radius:50%;width:9px;height:9px;animation:1.8s infinite pulse;box-shadow:0 0 #22c55e80}@keyframes pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}#chart{border-radius:12px;width:100%;height:270px;display:block}.chart-legend{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:14px;font-size:12.5px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.sw{border-radius:3px;width:11px;height:11px;display:inline-block}.sw-ema{background:var(--blue);border-radius:2px;height:3px}.sw-up{background:var(--up)}.sw-dn{background:var(--down)}.stats{grid-template-columns:repeat(4,1fr);gap:20px;max-width:900px;margin:0 auto;display:grid}.stat{text-align:center;border:1px solid var(--line);background:#fff;border-radius:16px;padding:26px 12px}.stat .num{color:var(--blue);letter-spacing:-.03em;font-size:38px;font-weight:700;line-height:1}.stat .lbl{color:var(--body);margin-top:8px;font-size:14px}@media (max-width:720px){.stats{grid-template-columns:repeat(2,1fr)}}.cards-3{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:30px;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{border-color:var(--blue-line);box-shadow:var(--shadow);transform:translateY(-4px)}.card-icon{background:var(--blue-soft);width:46px;height:46px;color:var(--blue);border-radius:12px;place-items:center;margin-bottom:18px;font-size:22px;display:grid}.card h3{margin-bottom:9px;font-size:18px}.card p{font-size:15px}@media (max-width:860px){.cards-3{grid-template-columns:1fr}}.story{grid-template-columns:300px 1fr;align-items:start;gap:48px;max-width:980px;margin:0 auto;display:grid}.panel{text-align:center;position:sticky;top:96px}.ringwrap{width:220px;height:220px;margin:0 auto 18px;position:relative}.ringwrap svg{width:100%;height:100%;transform:rotate(-90deg)}.ringwrap circle{fill:none;stroke-width:10px}.rg-bg{stroke:var(--blue-soft)}.rg-fg{stroke:var(--blue);stroke-linecap:round;stroke-dasharray:597;stroke-dashoffset:597px;transition:stroke-dashoffset .5s}.ringwrap .num{color:var(--ink);letter-spacing:-.03em;place-items:center;font-size:84px;font-weight:700;display:grid;position:absolute;inset:0}.ringwrap .num span{animation:.45s flip;display:block}@keyframes flip{0%{opacity:0;transform:translateY(24px)rotateX(70deg)}}.p-tag{color:var(--blue);font-size:13px;font-weight:700}.p-title{color:var(--ink);min-height:54px;margin-top:4px;font-weight:600}.mods{flex-direction:column;gap:18px;display:flex}.mod{border:1px solid var(--line);opacity:.55;background:#fff;border-radius:16px;padding:24px 26px;transition:opacity .3s,border-color .3s,transform .3s,box-shadow .3s}.mod.core{background:linear-gradient(180deg,#fff,var(--blue-soft))}.mod.on{opacity:1;border-color:var(--blue);box-shadow:var(--shadow-lg);transform:translate(-6px)}.tl-top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.tl-tag{color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:8px;padding:4px 11px;font-size:12px;font-weight:700}.tl-badge{color:#fff;background:var(--blue);border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600}.tl-title{color:var(--ink);font-size:19px;font-weight:600}.tl-desc{color:var(--body);margin-top:6px;font-size:14.5px}.tl-lessons{margin:12px 0 16px;list-style:none}.tl-lessons li{color:var(--body);padding:6px 0 6px 26px;font-size:14.5px;position:relative}.tl-lessons li:before{content:"";background:var(--blue-line);border-radius:50%;width:7px;height:7px;position:absolute;top:14px;left:4px}.tl-lessons li b{color:var(--ink);font-weight:600}.tl-ex{background:var(--bg-soft);border:1px dashed var(--blue-line);border-radius:11px;padding:13px 16px;font-size:14px}.tl-ex b{color:var(--blue)}@media (max-width:820px){.story{grid-template-columns:1fr;gap:20px}.panel{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;border-bottom:1px solid var(--line);background:#fffffff0;align-items:center;gap:14px;padding:10px 0;display:flex;top:60px}.ringwrap{flex-shrink:0;width:60px;height:60px;margin:0}.ringwrap circle{stroke-width:14px}.ringwrap .num{font-size:22px}.p-title{min-height:0;margin:0;font-size:14px}.mod.on{transform:none}}.instructor{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:32px;max-width:820px;margin:0 auto;padding:40px;display:grid}.avatar{background:linear-gradient(135deg,var(--blue),#60a5fa);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:120px;height:120px;font-size:40px;font-weight:700;display:grid}.avatar.has-photo{background:var(--blue-soft);width:160px;height:160px;box-shadow:var(--shadow-lg);border:4px solid #fff;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:640px){.instructor{text-align:center;grid-template-columns:1fr;justify-items:center}}.price-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));align-items:stretch;gap:20px;max-width:760px;margin:0 auto;display:grid}.guarantee{background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:16px;align-items:center;gap:16px;max-width:640px;margin:32px auto 0;padding:18px 22px;display:flex}.g-ic{flex-shrink:0;font-size:30px}.g-t{color:var(--ink);font-size:16px;font-weight:700}.g-s{font-size:14px}.price-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;padding:30px 26px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.price-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.price-card.featured{border:2px solid var(--blue);box-shadow:var(--shadow-lg)}.badge-best,.badge-limited{color:#fff;white-space:nowrap;border-radius:999px;padding:5px 16px;font-size:12px;font-weight:600;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.badge-best{background:var(--blue)}.badge-limited{background:var(--ink)}.price-name{color:var(--ink);margin-bottom:6px;font-size:16px;font-weight:600}.price-for{color:var(--muted);min-height:38px;margin-bottom:14px;font-size:13px}.price-num{color:var(--ink);letter-spacing:-.03em;font-size:36px;font-weight:700;line-height:1}.price-num .strike{color:var(--muted);margin-left:6px;font-size:14px;font-weight:500;text-decoration:line-through}.price-per{color:var(--muted);margin:6px 0 22px;font-size:13px}.price-feats{flex:1;margin-bottom:24px;list-style:none}.price-feats li{border-bottom:1px dashed var(--line);padding:7px 0 7px 26px;font-size:14px;position:relative}.price-feats li:last-child{border-bottom:none}.price-feats li:before{content:"✓";color:var(--blue);font-weight:700;position:absolute;left:2px}.price-feats li.off{color:var(--muted)}.price-feats li.off:before{content:"–";color:var(--line)}.faq{max-width:760px;margin:0 auto}.faq details{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:12px;overflow:hidden}.faq summary{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:16px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--blue);font-size:24px;font-weight:400;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq .ans{padding:0 24px 22px;font-size:15px}.cta-band{background:var(--blue);text-align:center;color:#fff;border-radius:24px;padding:58px 40px;position:relative;overflow:hidden}.cta-band:before{content:"";background:radial-gradient(circle at 80% 20%,#ffffff24,#0000 55%);position:absolute;inset:0}.cta-band h2{color:#fff;margin-bottom:14px;font-size:clamp(24px,3.4vw,34px);position:relative}.cta-band p{color:#ffffffe6;margin-bottom:28px;font-size:17px;position:relative}.cta-band .btn{color:var(--blue);background:#fff;position:relative}.cta-band .btn:hover{background:#f1f5f9}footer{border-top:1px solid var(--line);background:var(--bg-soft);padding:56px 0 40px}.foot-grid{grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:36px;display:grid}.foot-grid p{max-width:320px;margin-top:14px;font-size:14px}.foot-col h5{color:var(--ink);margin-bottom:14px;font-size:14px;font-weight:600}.foot-col a{color:var(--body);padding:5px 0;font-size:14px;display:block}.foot-col a:hover{color:var(--blue)}.disclaimer{color:var(--muted);border-top:1px solid var(--line);padding-top:24px;font-size:12px;line-height:1.7}@media (max-width:640px){.foot-grid{grid-template-columns:1fr;gap:26px}}.reveal{opacity:0;transition:opacity .6s ease var(--d,0s), transform .6s ease var(--d,0s);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{background:#fff;border-radius:22px;width:100%;max-width:460px;max-height:92vh;padding:34px;animation:.22s pop;position:relative;overflow:auto}@keyframes pop{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:26px;line-height:1;position:absolute;top:18px;right:20px}.modal h3{margin-bottom:6px;font-size:22px}.modal .sub{color:var(--muted);margin-bottom:22px;font-size:14px}.order-box{background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:16px 18px;display:flex}.order-box .pkg{color:var(--ink);font-weight:600}.order-box .amt{color:var(--blue);font-size:22px;font-weight:700}.field{margin-bottom:16px}.field label{color:var(--ink);margin-bottom:7px;font-size:14px;font-weight:500;display:block}.field input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15px;transition:border .15s,box-shadow .15s}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:none}.pay-opts{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;display:grid}.pay-opt{border:1px solid var(--line);cursor:pointer;text-align:center;color:var(--body);border-radius:11px;padding:14px;font-size:14px;font-weight:500;transition:all .15s}.pay-opt input{display:none}.pay-opt.sel{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.pay-opt .pay-ic{margin-bottom:5px;font-size:22px;display:block}.secure-note{color:var(--muted);text-align:center;margin-top:14px;font-size:12px}.success{text-align:center;padding:14px 0}.success .ok{background:var(--blue-soft);width:66px;height:66px;color:var(--blue);border-radius:50%;place-items:center;margin:0 auto 20px;font-size:34px;display:grid}.protobar{color:#92400e;text-align:center;background:#fffbeb;border-bottom:1px solid #fde68a;padding:9px 16px;font-size:13px}.protobar:empty{display:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.price-card .btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.pay-msg{text-align:center;color:var(--blue);margin-top:20px;font-size:14px;font-weight:500}.secure-note{text-align:center;color:var(--muted);margin-top:16px;font-size:13px}.plan-badge{color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.checkout-banner{color:#92400e;background:#fffbeb;border-bottom:1px solid #fde68a;font-size:14px}.checkout-banner.ok{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.cb-inner{justify-content:space-between;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px;display:flex}.cb-inner b{font-size:15px;display:block}@media (max-width:560px){.plan-badge{display:none}}.lang-switch{color:var(--body);border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:14px;font-weight:600}.lang-switch:hover{color:var(--blue);border-color:var(--blue-line)}@media (max-width:420px){.nav-cta>.btn-primary{display:none}}.logo,.nav-links a,.nav-cta .btn,.lang-switch{white-space:nowrap}.nav-links{gap:24px}.nav-cta{gap:10px}.nav-cta .btn{border-radius:10px;padding:9px 18px;font-size:15px}.nav-cta .btn-primary{box-shadow:0 4px 12px #2563eb33}@media (max-width:1100px){.nav-links{gap:18px;font-size:14px}.nav-cta .lbl-long{display:none}.nav-cta .lbl-short{display:inline}}@media (max-width:960px){.nav-links{display:none}}.user-menu{position:relative}.avatar-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:relative}.avatar-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.user-avatar{object-fit:cover;border:2px solid var(--blue-soft);border-radius:50%;width:36px;height:36px;display:block}.user-initial{background:var(--blue);color:#fff;place-items:center;font-size:15px;font-weight:700;display:grid}.member-dot{background:#f5c842;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.user-pop{border:1px solid var(--line);min-width:220px;box-shadow:var(--shadow-lg);z-index:70;background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.up-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.user-pop .plan-badge{display:inline-block}.learn-page{background:var(--bg-soft);min-height:100vh}.learn-brand{align-items:center;gap:12px;min-width:0;display:flex}.learn-chip{color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.learn-main{padding-top:32px;padding-bottom:72px}.learn-loading{text-align:center;color:var(--muted);padding:80px 0}.learn-gate{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:520px;margin:48px auto;display:flex}.learn-gate h1{font-size:24px}.learn-h1{margin-bottom:6px;font-size:clamp(24px,3vw,32px)}.learn-kicker{color:var(--blue);margin-bottom:6px;font-size:13px;font-weight:600}.learn-meta{color:var(--body);margin-bottom:18px;font-size:14px}.learn-meta .plan-badge{margin-right:6px;display:inline-block}.learn-error{color:var(--down);font-size:14px}.ok-text{color:#15803d}.learn-page .card:hover{transform:none}.renew-bar{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;font-size:14px;display:flex}.progress-card{align-items:center;gap:28px;margin-bottom:32px;display:flex}.ring{flex-shrink:0;width:132px;height:132px}.ring circle{fill:none;stroke-width:10px}.ring-bg{stroke:var(--blue-soft)}.ring-fg{stroke:var(--blue);stroke-linecap:round;transform-origin:60px 60px;transition:stroke-dashoffset .6s;transform:rotate(-90deg)}.ring-txt{fill:var(--ink);text-anchor:middle;dominant-baseline:central;font-family:inherit;font-size:24px;font-weight:700}.pc-body{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.pc-label{color:var(--muted);font-size:13px;font-weight:600}.pc-steps{color:var(--ink);font-size:20px}.pc-bar{background:var(--blue-soft);border-radius:999px;width:100%;max-width:420px;height:8px;margin-bottom:6px;display:block;overflow:hidden}.pc-bar i{background:var(--blue);border-radius:inherit;height:100%;transition:width .6s;display:block}.pc-bar.sm{height:6px;margin:4px 0 0}.pc-body .btn{white-space:normal;text-align:left;max-width:100%}.dash-grid{display:block}.dash-h2{margin-bottom:14px;font-size:19px}.mod-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mod-card{flex-direction:column;gap:4px;padding:18px 20px;display:flex}.mod-card:hover{border-color:var(--blue-line);box-shadow:var(--shadow)}.mod-card.complete{border-color:#bbf7d0}.mod-card.complete .pc-bar i{background:var(--up)}.mc-tag{color:var(--blue);font-size:12px;font-weight:600}.mc-title{color:var(--ink);font-size:15px;line-height:1.45}.mc-meta{color:var(--muted);font-size:13px}.learn-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.learn-video{aspect-ratio:16/9;border-radius:var(--radius);background:#0f172a;margin-bottom:22px;position:relative;overflow:hidden}.learn-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.lv-soon{text-align:center;color:#cbd5e1;background:linear-gradient(135deg,#0f172a,#1e3a8a);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex;position:absolute;inset:0}.lv-soon b{color:#fff;font-size:17px}.lv-soon p{max-width:380px;font-size:14px}.lv-play{color:#fff;background:#ffffff1f;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:8px;font-size:20px;display:grid}.learn-notes{margin:0 0 22px;padding:22px 24px}.learn-notes h2{margin-bottom:8px;font-size:16px}.learn-notes p{white-space:pre-line}.learn-done{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;display:flex}.done-pill{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;padding:8px 16px;font-weight:600}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.learn-stepnav{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:22px;display:flex}.learn-outline{max-height:calc(100vh - 96px);padding:16px;position:sticky;top:76px;overflow:auto}.lo-back{color:var(--blue);margin-bottom:10px;font-size:14px;font-weight:600;display:inline-block}.learn-outline details{border-top:1px solid var(--line)}.learn-outline summary{cursor:pointer;grid-template-columns:1fr auto;gap:0 8px;padding:10px 2px;list-style:none;display:grid}.learn-outline summary::-webkit-details-marker{display:none}.lo-tag{color:var(--blue);font-size:12px;font-weight:600}.lo-title{color:var(--ink);grid-column:1;font-size:13px;font-weight:600;line-height:1.4}.lo-count{color:var(--muted);grid-area:1/2/span 2;align-self:center;font-size:12px}.learn-outline ol{padding:0 0 10px;list-style:none}.lo-step{color:var(--body);border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;line-height:1.4;display:flex}.lo-step:hover{background:var(--bg-soft)}.lo-step.on{background:var(--blue-soft);color:var(--blue);font-weight:600}.lo-label{flex:1;min-width:0}.lo-soon{color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:0 8px;font-size:11px;font-weight:600}.lo-check{border:1.5px solid var(--line);width:18px;height:18px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}.lo-step.done .lo-check{background:var(--up);border-color:var(--up);color:#fff}.quiz-result{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-bottom:18px;padding:14px 16px;font-size:14px}.quiz-result.ok{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.quiz-result b{font-size:15px}.quiz-list{flex-direction:column;gap:14px;margin-bottom:22px;list-style:none;display:flex}.quiz-q{padding:20px 22px}.quiz-q fieldset{border:0;flex-direction:column;gap:8px;display:flex}.quiz-q legend{color:var(--ink);margin-bottom:10px;font-weight:600;line-height:1.5}.quiz-choice{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:15px;transition:border-color .15s,background .15s;display:flex}.quiz-choice input{accent-color:var(--blue);flex-shrink:0;margin-top:6px}.quiz-choice:hover{border-color:var(--blue-line)}.quiz-choice.sel{border-color:var(--blue);background:var(--blue-soft)}.quiz-choice.right{border-color:var(--up);background:#f0fdf4}.quiz-choice.wrong{border-color:var(--down);background:#fef2f2}fieldset:disabled .quiz-choice{cursor:default}.quiz-explain{color:#991b1b;background:#fef2f2;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:14px}.quiz-explain.ok{color:#166534;background:#f0fdf4}.cb-link{margin-top:6px;font-weight:600;text-decoration:underline;display:inline-block}@media (max-width:960px){.learn-grid{grid-template-columns:minmax(0,1fr)}.learn-outline{max-height:none;position:static}}@media (max-width:600px){.learn-main{padding-top:20px}.learn-chip{display:none}.progress-card{flex-direction:column;align-items:stretch;gap:16px}.ring{align-self:center;width:110px;height:110px}.mod-list{grid-template-columns:minmax(0,1fr)}.learn-notes,.quiz-q{padding:18px}}.tool-shell{background:var(--bg-soft);min-height:100vh}.tool-hero{padding-top:36px;padding-bottom:8px}.tool-back{color:var(--blue);margin-bottom:14px;font-size:14px;font-weight:600;display:inline-block}.tool-hero h1{max-width:760px;margin-bottom:10px;font-size:clamp(26px,3.6vw,38px)}.tool-hero .lead{max-width:720px;margin-bottom:22px;font-size:17px}.tool-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;list-style:none;display:grid}.tool-steps li{border:1px solid var(--line);background:#fff;border-radius:14px;gap:12px;padding:14px 16px;display:flex}.tool-steps b{color:var(--ink);font-size:15px}.tool-steps p{font-size:13px;line-height:1.55}.tool-step-n{background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:grid}.tool-asof{color:var(--muted);margin-bottom:6px;font-size:13px}.tool-asof b{color:var(--body)}.tool-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;padding-top:18px;padding-bottom:80px;display:grid}.tool-h2{margin-bottom:12px;font-size:18px}.tool-list-title{margin:26px 0 4px}.tool-inputs{padding:22px}.tool-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:14px;display:grid}.tool-field{color:var(--ink);flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.tool-field em{color:var(--muted);font-size:12px;font-style:normal;font-weight:400;display:block}.tool-field input,.y-input input{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;width:100%;padding:10px 12px;font-size:16px}.tool-field input:focus,.y-input input:focus{outline:2px solid var(--blue-line);border-color:var(--blue)}.tool-group{margin-top:22px}.tool-group h3{font-size:17px}.tool-blurb{color:var(--muted);margin-bottom:10px;font-size:13px}.y-head,.y-row{grid-template-columns:minmax(0,1fr) 64px 52px 76px 104px 92px;align-items:center;gap:10px;display:grid}.y-head{color:var(--muted);text-align:right;padding:0 14px 6px;font-size:11px;font-weight:600}.y-head span:first-child{text-align:left}.y-row{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:8px;padding:12px 14px}.y-row:focus-within{border-color:var(--blue-line);box-shadow:var(--shadow)}.y-name{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;display:flex}.y-name b{color:var(--ink);font-size:14px;line-height:1.4}.y-code{color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.y-desc{color:var(--body);flex-basis:100%;font-size:13px}.y-desc em{color:var(--muted);font-style:normal}.y-top{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.y-num{text-align:right;color:var(--body);font-variant-numeric:tabular-nums;font-size:14px}.y-num i{font-style:normal;display:none}.y-net{color:var(--ink);font-weight:600}.y-contrib{color:var(--blue);font-weight:600}.y-input{display:block;position:relative}.y-input input{text-align:right;padding-right:28px}.y-input span{color:var(--muted);pointer-events:none;font-size:14px;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.tool-result{padding:22px;position:sticky;top:76px}.tool-meter{background:var(--blue-soft);border-radius:999px;height:8px;margin-bottom:8px;overflow:hidden}.tool-meter i{background:var(--blue);border-radius:inherit;height:100%;transition:width .25s;display:block}.tool-meter i.full{background:var(--up)}.tool-meter i.over{background:var(--down)}.tool-alloc{margin-bottom:8px;font-size:14px}.tool-alloc b{color:var(--ink)}.neg{color:var(--down);font-weight:600}.tool-warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-bottom:10px;padding:8px 12px;font-size:13px}.tool-warn.bad{color:#991b1b;background:#fef2f2;border-color:#fecaca}.tool-warn.ok{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.tool-big{flex-direction:column;gap:2px;margin:14px 0;display:flex}.tool-big-label{color:var(--muted);font-size:13px;font-weight:600}.tool-big b{color:var(--blue);font-variant-numeric:tabular-nums;font-size:40px;line-height:1.15}.tool-big-sub{color:var(--muted);font-size:12px}.tool-money{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.tool-money div{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;flex-direction:column;padding:10px 12px;display:flex}.tool-money span{color:var(--muted);font-size:12px}.tool-money b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px}.tool-hint{color:var(--muted);margin-bottom:12px;font-size:13px}.tool-target{border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;font-size:13px;display:flex}.tool-target b{font-size:15px}.tool-target.ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.tool-target.low{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.tool-caution,.tool-learn{margin-top:26px;padding:22px}.tool-caution ul{padding-left:20px;font-size:14px}.tool-caution li{margin-bottom:6px}.tool-learn dl{flex-direction:column;gap:12px;display:flex}.tool-learn dt{color:var(--ink);font-size:14px;font-weight:600}.tool-learn dd{font-size:14px}.tool-cta{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding:20px 24px;display:flex}.tool-cta b{color:var(--ink);font-size:17px}.tool-cta p{max-width:520px;font-size:14px}.tool-mini{display:none}.tool-shell footer{padding-top:8px}@media (max-width:960px){.tool-grid{grid-template-columns:minmax(0,1fr)}.tool-result{order:-1;position:static}.tool-steps{grid-template-columns:minmax(0,1fr)}.tool-mini{z-index:55;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#fffffff5;justify-content:space-between;gap:12px;padding:10px 20px;font-size:13px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f172a0f}.tool-mini b{color:var(--ink);font-size:15px}.tool-shell footer{padding-bottom:64px}}@media (max-width:720px){.tool-fields{grid-template-columns:minmax(0,1fr)}.y-head{display:none}.y-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px}.y-name{grid-column:1/-1}.y-num{text-align:left;flex-direction:column;font-size:15px;display:flex}.y-num i{color:var(--muted);font-size:11px;display:block}.y-input{grid-column:1/3}.y-contrib{text-align:right;grid-column:3;align-items:flex-end}}.app-tabs{gap:4px;display:flex}.app-tabs a{color:var(--body);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.app-tabs a:hover{background:var(--bg-soft)}.app-tabs a.on{background:var(--blue-soft);color:var(--blue)}.bell-wrap{position:relative}.bell-btn{border:1px solid var(--line);cursor:pointer;width:38px;height:38px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;display:grid;position:relative}.bell-btn:hover{border-color:var(--muted)}.bell-badge{color:#fff;box-sizing:content-box;background:#ef4444;border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-5px;right:-5px}.bell-pop{border:1px solid var(--line);width:360px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);z-index:80;background:#fff;border-radius:16px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.bell-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.bell-head b{color:var(--ink)}.bell-list{max-height:min(420px,60vh);overflow:auto}.bell-item{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;width:100%;font:inherit;background:#fff;flex-direction:column;gap:2px;padding:12px 16px;display:flex}.bell-item:hover{background:var(--bg-soft)}.bell-item.unread{background:var(--blue-soft)}.bell-item.admin b{color:var(--blue)}.bi-top{color:var(--ink);justify-content:space-between;gap:10px;font-size:14px;display:flex}.bi-top i{color:var(--muted);white-space:nowrap;font-size:12px;font-style:normal}.bi-prev{color:var(--body);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.bell-empty{text-align:center;color:var(--muted);padding:26px;font-size:14px}.container.comm-main{max-width:780px}.comm-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.comm-head .learn-h1{margin:0}.link-btn{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.link-btn:hover{text-decoration:underline}.rules{margin-bottom:14px;padding:16px 20px;font-size:14px}.rules b{color:var(--ink)}.rules ul{margin-top:6px;padding-left:20px}.rules li{margin-bottom:3px}.composer{flex-direction:column;gap:10px;margin-bottom:14px;padding:16px;display:flex}.composer textarea,.comment-form textarea,.edit-box textarea{width:100%;font:inherit;border:1px solid var(--line);resize:vertical;color:var(--ink);background:#fff;border-radius:12px;padding:10px 12px;font-size:15px}.composer textarea:focus,.comment-form textarea:focus,.edit-box textarea:focus,.comm-search:focus,.name-row input:focus{outline:2px solid var(--blue-line);border-color:var(--blue)}.composer-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.composer-opts{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.composer select{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;max-width:100%;padding:7px 10px;font-size:13px}.file-btn span.disabled{opacity:.5;pointer-events:none}.composer-hint{color:var(--muted);font-size:12px}.thumbs{flex-wrap:wrap;gap:10px;display:flex}.thumb{width:84px;height:84px;position:relative}.thumb img{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:100%;height:100%}.thumb button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:50%;width:22px;height:22px;line-height:1;position:absolute;top:-7px;right:-7px}.name-form{flex-direction:column;gap:6px;display:flex}.name-form b{color:var(--ink)}.name-form p{font-size:13px}.name-row{flex-wrap:wrap;gap:8px;display:flex}.name-row input{min-width:160px;font:inherit;border:1px solid var(--line);color:var(--ink);border-radius:10px;flex:1;padding:9px 12px;font-size:15px}.comm-tools{flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 14px;display:flex}.comm-search{min-width:180px;font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;flex:1;padding:9px 16px;font-size:14px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--line);font:inherit;cursor:pointer;color:var(--body);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.chips button.on{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue)}.board-empty{color:var(--muted);text-align:center;padding:28px 0;font-size:14px}.load-more{text-align:center;margin:14px 0}.back-btn{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:16px;padding:7px 14px;font-size:14px;font-weight:600;display:inline-block}.post{margin-bottom:12px;padding:18px 20px}.post.pinned{border-color:var(--blue-line);box-shadow:var(--shadow)}.post.is-hidden{opacity:.65;border-style:dashed}.post-head{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.c-avatar{background:var(--blue-soft);width:38px;height:38px;color:var(--blue);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.c-avatar.admin{background:var(--blue);color:#fff}.post-who{flex-wrap:wrap;flex:1;align-items:center;gap:2px 8px;min-width:0;font-size:14px;display:flex}.post-who b{color:var(--ink)}.post-time{color:var(--muted);font-size:12px}.badge-admin{color:#fff;background:var(--blue);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.badge-plan{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;padding:0 8px;font-size:11px;font-weight:600}.post-flags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.flag{color:var(--blue);background:var(--blue-soft);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.flag.warn{color:#991b1b;background:#fef2f2}.lesson-chip{color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:999px;margin-bottom:8px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.post-body{color:var(--ink);white-space:pre-wrap;word-break:break-word;margin:0 0 10px;font-size:15px;display:block}.post-body.clamp{-webkit-line-clamp:8;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-imgs{gap:6px;margin-bottom:10px;display:grid}.post-imgs.n1{grid-template-columns:minmax(0,1fr)}.post-imgs.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.post-imgs.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.post-imgs img{object-fit:cover;border:1px solid var(--line);border-radius:12px;width:100%;max-height:420px;display:block}.post-foot{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.act-btn{color:var(--body);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:inline-flex}.act-btn:hover{background:var(--bg-soft)}.act-btn.liked{color:#e11d48}.post-note{color:var(--blue);margin-left:6px;font-size:12px}.more-wrap{position:relative}.more-btn{cursor:pointer;color:var(--body);background:0 0;border:0;border-radius:8px;padding:2px 8px;font-size:20px;line-height:1}.more-btn:hover{background:var(--bg-soft)}.more-pop{border:1px solid var(--line);min-width:160px;box-shadow:var(--shadow-lg);z-index:30;background:#fff;border-radius:12px;flex-direction:column;padding:6px;display:flex;position:absolute;top:100%;right:0}.more-pop button{text-align:left;font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:14px}.more-pop button:hover{background:var(--bg-soft)}.more-pop button.danger{color:var(--down)}.edit-box{margin-bottom:10px}.edit-actions{gap:8px;margin-top:8px;display:flex}.comments{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.comment{border:1px solid var(--line);background:#fff;border-radius:14px;gap:10px;padding:12px 14px;display:flex}.comment.by-admin{border-color:var(--blue-line);background:var(--blue-soft)}.comment-main{flex:1;min-width:0}.comment-main .post-who{margin-bottom:4px}.comment-main .more-wrap{margin-left:auto}.comment-main .post-body{margin-bottom:4px}.comment-foot{align-items:center;gap:6px;display:flex}.comment-form{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.locked-card{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:22px;padding:26px;display:flex}.locked-card h2{font-size:17px}@media (max-width:700px){.app-tabs a{padding:6px 10px}.nav-inner:has(.app-tabs){flex-wrap:wrap;gap:4px 10px;height:auto;padding-top:8px;padding-bottom:4px}header.nav.scrolled .nav-inner:has(.app-tabs){flex-wrap:wrap;gap:4px 10px;height:auto;padding-top:8px;padding-bottom:4px}.nav-inner:has(.app-tabs) .learn-brand{display:contents}.nav-inner:has(.app-tabs) .app-tabs{flex-basis:100%;order:3;overflow-x:auto}.nav-inner:has(.app-tabs) .nav-cta{margin-left:auto}.bell-pop{width:auto;max-width:none;position:fixed;top:70px;left:16px;right:16px}.post{padding:16px}.post-flags{flex-basis:100%;order:3;justify-content:flex-start}.post-imgs.n3{grid-template-columns:repeat(2,minmax(0,1fr))}}.new-badge{color:#fff;background:var(--blue);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 9px;font-size:12px;font-weight:700;line-height:1.5;display:inline-block}.new-badge.sm{margin-left:6px;padding:1px 7px;font-size:11px}.learn-files{margin-top:18px;padding:20px}.learn-files h2{margin-bottom:10px;font-size:17px}.learn-files ul{flex-direction:column;gap:8px;list-style:none;display:flex}.learn-files li{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.lf-name{overflow-wrap:anywhere;min-width:0;color:var(--ink);flex:1;font-weight:500}.lf-size{color:var(--muted);font-size:13px}.new-lessons{margin-top:18px;padding:20px}.new-lessons ul{flex-direction:column;gap:6px;list-style:none;display:flex}.new-lessons a{color:var(--ink)}.new-lessons i{color:var(--muted);font-size:13px;font-style:normal}.cert-card{flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;padding:18px 20px;display:flex}.cert-card.ready{border-color:var(--blue-line);background:var(--blue-soft)}.cert-card div{flex:1;min-width:200px}.cert-card p{margin:0;font-size:14px}.cert-ic{font-size:30px}.cert-wrap{max-width:860px;margin:0 auto}.cert-actions{justify-content:space-between;gap:10px;margin-bottom:16px;display:flex}.cert-paper{border:10px double var(--blue-line);text-align:center;color:var(--ink);background:#fff;border-radius:12px;padding:48px 40px}.cert-logo{margin:0 auto 6px}.cert-brand{letter-spacing:.2em;color:var(--blue);font-weight:700}.cert-h{margin:12px 0 4px;font-size:34px}.cert-sub{color:var(--body)}.cert-name{border-bottom:1px solid var(--line);min-width:60%;margin:14px 0;padding:0 24px 6px;font-size:30px;font-weight:700;display:inline-block}.cert-body{max-width:560px;color:var(--body);margin:0 auto}.cert-foot{flex-wrap:wrap;justify-content:space-around;gap:16px;margin-top:32px;display:flex}.cert-foot div{flex-direction:column;font-size:14px;display:flex}.cert-foot span{color:var(--muted)}.cert-sign{border-top:1px solid var(--line);padding-top:6px;font-weight:600;color:var(--ink)!important}.cert-note{color:var(--muted);margin-top:28px;font-size:12px}@media (max-width:600px){.cert-paper{padding:28px 16px}.cert-h{font-size:26px}.cert-name{min-width:0;font-size:22px}}@media print{.no-print,.nav,.proto-bar,.prototype-banner{display:none!important}.learn-main{padding:0!important}.cert-paper{box-shadow:none;border-color:#cbd5e1}body{background:#fff}}.coupon-box{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:760px;margin:0 auto 18px;display:flex}.coupon-box label{color:var(--body);font-size:14px}.coupon-box input{font:inherit;border:1px solid var(--line);text-transform:uppercase;border-radius:10px;width:150px;padding:7px 10px;font-size:14px}.coupon-ok{color:#15803d;font-size:13px;font-weight:600}.coupon-err{color:var(--down);font-size:13px}.coupon-tag{color:#15803d;font-size:12px;font-weight:600;display:block}.adm-main{padding-top:24px;padding-bottom:72px}.adm-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.adm-tabs button{font:inherit;color:var(--body);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 14px;font-size:15px;font-weight:600}.adm-tabs button.on{color:var(--blue);border-bottom-color:var(--blue)}.adm-card{margin-bottom:16px;padding:20px}.adm-card h2{margin-bottom:6px;font-size:18px}.adm-h3{margin:14px 0 8px;font-size:15px}.adm-hint{color:var(--body);background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;margin-bottom:14px;padding:10px 14px;font-size:14px}.adm-sub{color:var(--muted);font-size:13px}.adm-msg{color:var(--blue);font-size:13px;font-weight:600}.adm-danger{color:var(--down)!important}.adm-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.adm-grow{flex:1;min-width:180px}.adm-form{flex-direction:column;gap:10px;display:flex}.adm-form label,.adm-inline{color:var(--ink);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.adm-inline{flex-direction:row;align-items:center;gap:8px}.adm-form input:not([type=checkbox]):not([type=radio]),.adm-form textarea,.adm-form select,.adm-row input,.adm-inline select,.adm-picker input,.adm-quiz input:not([type=radio]),.adm-quiz textarea{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;width:100%;min-width:0;padding:8px 10px;font-size:14px;font-weight:400}.adm-inline select{width:auto;max-width:100%}.adm-form small{color:var(--muted);font-weight:400}.adm-check{align-items:center;flex-direction:row!important;gap:8px!important;font-weight:500!important}.adm-grid2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.adm-presets{gap:6px;display:flex}.adm-presets button{font:inherit;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:2px 10px;font-size:12px}.adm-presets button.on{border-color:var(--blue);color:var(--blue)}.adm-mod{margin-bottom:12px;padding:0;overflow:hidden}.adm-mod.is-hidden{opacity:.75;border-style:dashed}.adm-mod-head{align-items:center;gap:6px;padding:10px 12px;display:flex}.adm-mod-title{text-align:left;min-width:0;font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:0;flex-wrap:wrap;flex:1;align-items:baseline;gap:4px 10px;display:flex}.adm-mod-body{border-top:1px solid var(--line);background:var(--bg-soft);flex-direction:column;gap:14px;padding:16px;display:flex}.adm-arrows{flex-direction:column;gap:2px;display:inline-flex}.adm-arrows button{border:1px solid var(--line);cursor:pointer;color:var(--body);background:#fff;border-radius:6px;padding:3px 6px;font-size:10px;line-height:1}.adm-arrows button:hover{border-color:var(--blue);color:var(--blue)}.adm-lessons{flex-direction:column;gap:6px;list-style:none;display:flex}.adm-lessons>li{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.adm-lesson-row{align-items:center;gap:6px;padding:8px 10px;display:flex}.adm-lesson-title{text-align:left;min-width:0;font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:0;flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:4px 10px;font-size:14px;display:flex}.adm-badges{flex-wrap:wrap;gap:4px;display:inline-flex}.adm-badges i{background:var(--bg-soft);border:1px solid var(--line);color:var(--body);border-radius:999px;padding:1px 8px;font-size:11px;font-style:normal;font-weight:600}.adm-badges i.b-ok{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.adm-badges i.b-muted{color:var(--muted)}.adm-badges i.b-hidden{color:#92400e;background:#fef3c7;border-color:#fde68a}.adm-badges i.b-new{background:var(--blue);border-color:var(--blue);color:#fff}.adm-editor{border-top:1px solid var(--line);flex-direction:column;gap:16px;padding:14px;display:flex}.adm-files h4,.adm-quiz h4,.adm-detail h4{margin-bottom:6px;font-size:14px}.adm-files ul{flex-direction:column;gap:6px;margin-bottom:8px;list-style:none;display:flex}.adm-files li{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.adm-files li a{overflow-wrap:anywhere}.adm-upload{cursor:pointer;display:inline-flex}.adm-upload.disabled{opacity:.6;pointer-events:none}.adm-extra{border-top:1px dashed var(--line);flex-direction:column;gap:10px;padding-top:12px;display:flex}.adm-picker{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.adm-picker ul{flex-direction:column;gap:4px;max-height:280px;list-style:none;display:flex;overflow:auto}.adm-picker li button{text-align:left;width:100%;font:inherit;background:var(--bg-soft);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:8px;justify-content:space-between;gap:10px;padding:6px 10px;font-size:14px;display:flex}.adm-picker li button:hover{border-color:var(--blue)}.adm-quiz{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.adm-q{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.adm-q legend{color:var(--blue);padding:0 6px;font-weight:700}.adm-q label{flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.adm-choice{align-items:center;gap:8px;display:flex}.adm-choice input[type=radio]{width:18px;height:18px;accent-color:var(--blue);flex-shrink:0}.adm-x{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:18px}.adm-list{flex-direction:column;gap:6px;list-style:none;display:flex}.adm-member{text-align:left;width:100%;font:inherit;border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 12px;font-size:14px;display:flex}.adm-member.on,.adm-member:hover{border-color:var(--blue)}.adm-member .adm-badges{margin-left:auto}.adm-pending{border:1px dashed var(--line);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.adm-detail{flex-direction:column;gap:8px;padding:12px 4px 4px;font-size:14px;display:flex}.adm-table-wrap{max-width:100%;overflow-x:auto}.adm-table-wrap.card{padding:0}.adm-table{border-collapse:collapse;width:100%;font-size:13px}.adm-table th,.adm-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}.adm-table th{color:var(--muted);white-space:nowrap;background:var(--bg-soft);font-weight:600}.adm-table tr.dim td{color:var(--muted)}.adm-table .strike{color:var(--muted);text-decoration:line-through}.adm-actions{flex-wrap:wrap;gap:4px;display:flex}.adm-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:12px;display:grid}.adm-stats .card{flex-direction:column;gap:2px;padding:14px 16px;display:flex}.adm-stats span{color:var(--muted);font-size:13px}.adm-stats b{color:var(--ink);font-size:22px}.adm-stats small{color:var(--body);font-size:12px}.adm-sales,.adm-coupons,.adm-members,.adm-course{flex-direction:column;gap:12px;display:flex}.adm-plans{border:0;flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.adm-plans legend{margin-bottom:4px}.poll{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;margin-top:10px;padding:12px;display:flex}.poll-opt{font:inherit;text-align:left;border:1px solid var(--line);cursor:pointer;width:100%;color:var(--ink);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex;position:relative;overflow:hidden}.poll-opt:disabled{cursor:default}.poll-opt.mine{border-color:var(--blue)}.poll-opt .poll-bar{background:var(--blue-soft);z-index:0;transition:width .3s;position:absolute;inset:0 auto 0 0}.poll-opt>span{z-index:1;position:relative}.poll-opt .poll-pct{color:var(--blue);margin-left:auto;font-weight:600}.poll-meta{color:var(--muted);font-size:12px}.post-files{flex-direction:column;gap:6px;margin-top:10px;list-style:none;display:flex}.post-files a{border:1px solid var(--line);color:var(--ink);overflow-wrap:anywhere;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:inline-flex}.composer-poll{border:1px dashed var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.composer-poll input[type=text],.composer-poll input:not([type]){font:inherit;border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:14px}.composer-poll label{align-items:center;gap:6px;font-size:13px;display:flex}.composer-files{flex-direction:column;gap:4px;font-size:13px;list-style:none;display:flex}