:root{--brand: #155EEF;--brand-2: #0B41B0;--brand-3: #21A7F0;--brand-ink: #08183A;--brand-soft: #EEF3FF;--brand-soft-2: #DCE7FF;--a1: #155EEF;--a1-soft: #EEF3FF;--a1-ink: #0B41B0;--a2: #0EA5E9;--a2-soft: #E6F6FE;--a2-ink: #036B9A;--a3: #12B76A;--a3-soft: #E7F8F0;--a3-ink: #05663D;--a4: #F79009;--a4-soft: #FEF3E2;--a4-ink: #A85708;--green: #12B76A;--green-ink: #067647;--orange: #F79009;--orange-ink: #B54708;--bg: #F7F9FD;--surface: #ffffff;--surface-2: #F4F7FC;--surface-3: #EEF2F9;--text: #0A1330;--muted: #5B6B87;--faint: #5F6E88;--line: #E7EDF7;--line-2: #F0F4FA;--star: #F79009;--success: #067647;--danger: #D92D20;--info: #155EEF;--sh-1: 0 1px 2px rgba(10, 19, 48, .04);--sh-2: 0 4px 16px rgba(10, 19, 48, .05), 0 1px 3px rgba(10, 19, 48, .04);--sh-3: 0 16px 40px rgba(10, 19, 48, .09);--sh-4: 0 32px 64px rgba(10, 19, 48, .15);--sh-brand: 0 10px 24px rgba(21, 94, 239, .22);--sh-orange: 0 10px 24px rgba(247, 144, 9, .26);--r-1: 10px;--r-2: 14px;--r-3: 18px;--r-4: 28px;--r-full: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 44px;--s-9: 64px;--s-10: 88px;--nav-h: 62px;--container: 1200px;--pad: 16px;--ff: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--g-btn: linear-gradient(135deg, #1C63F2 0%, #0B41B0 100%);--g-btn-hover: linear-gradient(135deg, #2A72FF 0%, #0F4FD4 100%);--g-brand: linear-gradient(135deg, var(--brand) 0%, var(--brand-3) 100%);--g-chip: linear-gradient(135deg, #1B8FD6 0%, #0B41B0 100%);--g-brand-soft: linear-gradient(140deg, #F3F7FF 0%, #E9F4FF 100%);--g-ink: linear-gradient(150deg, #08183A 0%, #0B3286 58%, #155EEF 100%);--g-line: linear-gradient(90deg, transparent, color-mix(in srgb, var(--brand) 32%, transparent), transparent);--g1: linear-gradient(135deg, var(--a1) 0%, var(--a1-ink) 100%);--g2: linear-gradient(135deg, var(--a2) 0%, var(--a2-ink) 100%);--g3: linear-gradient(135deg, var(--a3) 0%, var(--a3-ink) 100%);--g4: linear-gradient(135deg, var(--a4) 0%, var(--a4-ink) 100%)}:root[data-theme=dark]{--brand: #5B94FF;--brand-2: #A8C6FF;--brand-3: #38B6F5;--brand-ink: #060F26;--brand-soft: #142445;--brand-soft-2: #1B3057;--a1: #6FA0FF;--a1-soft: #142445;--a1-ink: #9DBFFF;--a2: #43B6EE;--a2-soft: #0B2B3C;--a2-ink: #7FD3F7;--a3: #45CE92;--a3-soft: #0C2C1F;--a3-ink: #7FE3B4;--a4: #FFB454;--a4-soft: #33240C;--a4-ink: #FFCC85;--green: #45CE92;--green-ink: #7FE3B4;--orange: #FFB454;--orange-ink: #FFC77A;--bg: #060C1C;--surface: #0C1529;--surface-2: #101C34;--surface-3: #16223D;--text: #EAF0FB;--muted: #A9B7D0;--faint: #93A2BD;--line: #1C2A47;--line-2: #16223B;--star: #FFB454;--success: #7FE3B4;--danger: #FF7A70;--info: #6FA0FF;--sh-1: 0 1px 2px rgba(0,0,0,.4);--sh-2: 0 4px 16px rgba(0,0,0,.42);--sh-3: 0 16px 40px rgba(0,0,0,.5);--sh-4: 0 32px 64px rgba(0,0,0,.6);--sh-brand: 0 10px 24px rgba(21, 94, 239, .38);--sh-orange: 0 10px 24px rgba(255, 180, 84, .24);--g-btn: linear-gradient(135deg, #3B7BFF 0%, #1B4FD0 100%);--g-btn-hover: linear-gradient(135deg, #4E89FF 0%, #2560E4 100%);--g-brand: linear-gradient(135deg, var(--brand) 0%, var(--brand-3) 100%);--g-chip: linear-gradient(135deg, #2C74C9 0%, #12306E 100%);--g-brand-soft: linear-gradient(140deg, #142445 0%, #0F2C46 100%);--g-ink: linear-gradient(150deg, #040B1C 0%, #0A2050 58%, #123C8F 100%);--g-line: linear-gradient(90deg, transparent, color-mix(in srgb, var(--brand) 46%, transparent), transparent);--g1: linear-gradient(135deg, #3B7BFF 0%, #17357E 100%);--g2: linear-gradient(135deg, #229FD4 0%, #0B4A66 100%);--g3: linear-gradient(135deg, #23A877 0%, #0B4630 100%);--g4: linear-gradient(135deg, #E08A28 0%, #7A4508 100%)}@media(min-width:768px){:root{--nav-h: 72px;--pad: 24px}}@media(min-width:1024px){:root{--pad: 32px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:var(--ff);font-size:15px;line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(min-width:768px){body{font-size:16px}}body.no-scroll{overflow:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}h1,h2,h3,h4{margin:0;font-weight:800;line-height:1.18;letter-spacing:-.032em}p{margin:0}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:var(--r-1)}::selection{background:var(--brand-soft-2);color:var(--brand-2)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--pad)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-64px;left:var(--pad);z-index:300;padding:12px 18px;border-radius:0 0 var(--r-2) var(--r-2);background:var(--brand);color:#fff;font-weight:700;transition:top .16s ease}.skip-link:focus{top:0}.grad{background:linear-gradient(100deg,#0B41B0 0%,var(--brand) 42%,var(--brand-3) 78%,var(--brand) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.ring-grad{position:relative}.ring-grad:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--g-brand);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.55;pointer-events:none}.aurora{position:relative;overflow:hidden}.aurora>*{position:relative;z-index:1}.aurora:before,.aurora:after{content:"";position:absolute;z-index:0;border-radius:50%;filter:blur(72px);opacity:.5;pointer-events:none}.icon{width:1.25em;height:1.25em;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.icon-fill{fill:currentColor;stroke:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:46px;padding:0 var(--s-5);border:1px solid transparent;border-radius:var(--r-2);font-size:14.5px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--g-btn);color:#fff;box-shadow:var(--sh-brand),inset 0 1px #ffffff2e}.btn-primary:hover{background:var(--g-btn-hover);box-shadow:0 16px 34px #155eef57,inset 0 1px #ffffff3d}.btn-outline{background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:var(--sh-1)}.btn-outline:hover{border-color:var(--brand);color:var(--brand-2);box-shadow:var(--sh-2)}.btn-quiet{background:transparent;color:var(--brand-2)}.btn-quiet:hover{background:var(--brand-soft)}.btn-onDark{background:linear-gradient(135deg,#fff,#e8f0ff);color:var(--brand-2);box-shadow:0 10px 26px #0000003d}.btn-onDark:hover{background:#f2f6ff}.btn-onDark-outline{background:#ffffff1a;border-color:#ffffff57;color:#fff}.btn-onDark-outline:hover{background:#fff3}.btn-action{background:var(--g-btn);color:#fff;box-shadow:var(--sh-brand),inset 0 1px #fff3;font-weight:800}.btn-action:hover{background:var(--g-btn-hover)}.btn-sm{min-height:40px;padding:0 var(--s-4);font-size:13.5px}.btn-lg{min-height:54px;padding:0 var(--s-6);font-size:15.5px;border-radius:var(--r-2)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn[aria-busy=true]{pointer-events:none;opacity:.7}.icon-btn{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--muted);box-shadow:var(--sh-1);transition:color .16s ease,border-color .16s ease,background .16s ease}.icon-btn:hover{color:var(--brand-2);border-color:var(--brand-soft-2);background:var(--brand-soft)}.hd{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(18px) saturate(180%);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.hd-in{display:flex;align-items:center;gap:var(--s-3);height:var(--nav-h)}.logo{display:flex;align-items:center;gap:var(--s-2);flex:0 0 auto;min-height:44px}.logo-txt{display:none}.logo-txt strong{display:block;font-size:15.5px;font-weight:800;letter-spacing:-.03em}.logo-txt span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}@media(min-width:400px){.logo-txt{display:block}}@media(min-width:768px){.logo-txt strong{font-size:16.5px}}.hd-nav{display:none}@media(min-width:1024px){.hd-nav{display:flex;align-items:center;flex-wrap:nowrap;gap:2px;margin-inline:auto;min-width:0;overflow-x:auto;scrollbar-width:none}.hd-nav::-webkit-scrollbar{display:none}.hd-nav a{flex:0 0 auto;display:inline-flex;align-items:center;height:40px;padding:0 12px;border-radius:var(--r-full);color:var(--muted);font-size:14px;font-weight:600;white-space:nowrap;transition:.16s ease}.hd-nav a:hover{color:var(--text);background:var(--surface-2)}.hd-nav a[aria-current=page]{color:var(--brand-2);background:var(--brand-soft);font-weight:700}}@media(min-width:1280px){.hd-nav a{padding:0 15px}}.hd-act{display:flex;align-items:center;gap:var(--s-2);margin-left:auto;flex:0 0 auto}@media(min-width:1024px){.hd-act{margin-left:0}}.hd-cta{display:none}@media(min-width:1280px){.hd-cta{display:inline-flex}}.hd-burger{display:inline-grid}@media(min-width:1024px){.hd-burger{display:none}}.auth-login{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-3);border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);font-size:13.5px;font-weight:700;box-shadow:var(--sh-1)}.auth-login:hover{border-color:var(--brand-soft-2);background:var(--brand-soft)}.auth-login span{display:none}@media(min-width:640px){.auth-login span{display:inline}.auth-login{padding:0 var(--s-4)}}.user{position:relative}.user-btn{display:inline-flex;align-items:center;gap:var(--s-2);padding:4px 12px 4px 4px;border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);box-shadow:var(--sh-1)}.user-btn:hover{border-color:var(--brand-soft-2)}.user-av{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--g-brand);display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff}.user-name{display:none;font-size:13px;font-weight:700;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:640px){.user-name{display:block}}@media(min-width:1024px)and (max-width:1279px){.user-name{max-width:76px}}@media(min-width:1440px){.user-name{max-width:132px}}.user-btn{flex:0 0 auto;max-width:190px}.user-btn .icon{flex:0 0 auto}.user-pop{position:absolute;right:0;top:calc(100% + 10px);min-width:236px;padding:var(--s-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-4)}.user-pop-hd{padding:10px 12px;border-bottom:1px solid var(--line);margin-bottom:var(--s-1)}.user-pop-hd strong{display:block;font-size:13.5px}.user-pop-hd small{color:var(--muted);font-size:12px;word-break:break-all}.user-pop a,.user-pop button{display:flex;align-items:center;gap:var(--s-2);width:100%;padding:10px 12px;border-radius:var(--r-1);font-size:13.5px;font-weight:600;text-align:left}.user-pop a:hover{background:var(--surface-2)}.user-pop button{color:var(--danger)}.user-pop button:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.scrim{position:fixed;inset:0;z-index:190;background:#0810207a;backdrop-filter:blur(3px);opacity:0;transition:opacity .2s ease}.scrim.on{opacity:1}.drawer{position:fixed;inset:0 0 0 auto;z-index:200;width:min(330px,88vw);display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-4);background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--sh-4);transform:translate(100%);transition:transform .26s cubic-bezier(.2,.7,.2,1);overflow-y:auto}.drawer.on{transform:none}.drawer[hidden],.scrim[hidden]{display:none!important}.drawer-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-3)}.drawer a.dl{display:flex;align-items:center;gap:var(--s-3);min-height:48px;padding:0 var(--s-3);border-radius:var(--r-2);font-size:15px;font-weight:700;color:var(--text)}.drawer a.dl:hover,.drawer a.dl[aria-current=page]{background:var(--brand-soft);color:var(--brand-2)}.drawer a.dl .icon{color:var(--faint)}.drawer a.dl[aria-current=page] .icon{color:var(--brand)}.drawer-ft{margin-top:auto;padding-top:var(--s-4);border-top:1px solid var(--line);display:grid;gap:var(--s-2)}.eyebrow{position:relative;display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:var(--r-full);background:var(--g-brand-soft);border:1px solid transparent;box-shadow:var(--sh-1);color:var(--brand-2);font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.eyebrow:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--g-brand);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.5;pointer-events:none}.eyebrow .icon{width:13px;height:13px;color:var(--brand)}.ph{padding:var(--s-7) 0 var(--s-5)}@media(min-width:768px){.ph{padding:var(--s-9) 0 var(--s-6)}}.crumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--faint);font-size:12.5px;font-weight:600;margin-bottom:var(--s-4)}.crumb .icon{width:14px;height:14px}.crumb a:hover{color:var(--brand-2)}.ph h1{margin:var(--s-4) 0 var(--s-4);font-size:clamp(28px,6.4vw,44px)}.ph .lead{color:var(--muted);font-size:15.5px;max-width:62ch;line-height:1.7}@media(min-width:768px){.ph .lead{font-size:17px}}.section{padding:var(--s-9) 0}@media(min-width:1280px){.section{padding:var(--s-10) 0}}.section-alt{position:relative;background:var(--surface);border-block:1px solid var(--line)}.section-alt:before,.section-alt:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--g-line)}.section-alt:before{top:-1px}.section-alt:after{bottom:-1px}.sec-head{margin-bottom:var(--s-7)}.sec-head.center{text-align:center;max-width:60ch;margin-inline:auto}.sec-head h2{font-size:clamp(24px,4.8vw,36px)}.sec-head p{margin-top:var(--s-3);color:var(--muted);font-size:15px;line-height:1.7}@media(min-width:768px){.sec-head p{font-size:16px}}.sec-row{display:flex;flex-direction:column;gap:var(--s-3);margin-bottom:var(--s-6)}.sec-row h2{font-size:clamp(22px,4.4vw,32px)}.sec-row p{margin-top:var(--s-2);color:var(--muted);font-size:14.5px}@media(min-width:640px){.sec-row{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--s-6)}}.sec-row .btn{align-self:flex-start;flex:0 0 auto}.hero{position:relative;overflow:hidden;color:var(--text);isolation:isolate;background:radial-gradient(72% 62% at 84% -6%,color-mix(in srgb,var(--brand-3) 22%,transparent),transparent 68%),radial-gradient(58% 54% at 2% 8%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 70%),radial-gradient(46% 46% at 52% 108%,color-mix(in srgb,var(--brand-3) 14%,transparent),transparent 72%),linear-gradient(180deg,var(--surface) 0%,color-mix(in srgb,var(--brand-soft) 72%,var(--surface)) 56%,var(--bg) 100%);background-color:var(--surface)}.hero:before,.hero:after{content:none}@media(min-width:768px){.hero:before,.hero:after{content:"";position:absolute;z-index:0;border-radius:50%;filter:blur(80px);pointer-events:none}.hero:before{width:460px;height:460px;top:-180px;right:-120px;background:radial-gradient(circle,rgba(33,167,240,.42),transparent 68%);animation:drift-a 22s ease-in-out infinite alternate}.hero:after{width:380px;height:380px;bottom:-170px;left:-110px;background:radial-gradient(circle,rgba(21,94,239,.3),transparent 68%);animation:drift-b 26s ease-in-out infinite alternate}}@keyframes drift-a{to{transform:translate3d(-60px,46px,0) scale(1.12)}}@keyframes drift-b{to{transform:translate3d(52px,-38px,0) scale(1.08)}}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55;background-image:linear-gradient(color-mix(in srgb,var(--brand) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--brand) 8%,transparent) 1px,transparent 1px);background-size:64px 64px,64px 64px;mask-image:radial-gradient(120% 90% at 70% 10%,#000 0%,transparent 72%)}.hero-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .9s ease}.hero-canvas.on{opacity:.85}.hero-in{position:relative;z-index:2;display:grid;gap:var(--s-7);padding:var(--s-8) 0 var(--s-9)}@media(min-width:1024px){.hero-in{grid-template-columns:1.06fr .94fr;align-items:center;gap:var(--s-9);padding:var(--s-10) 0}}.hero h1{margin:var(--s-5) 0 var(--s-5);font-size:clamp(32px,8.4vw,60px);line-height:1.06}@media(min-width:1024px){.hero h1{font-size:clamp(42px,4.2vw,60px)}}.hero h1 em{font-style:normal;color:var(--text)}.hero .lead{color:var(--muted);font-size:16px;max-width:52ch;line-height:1.75}@media(min-width:768px){.hero .lead{font-size:17.5px}}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-7)}.hero-cta .btn{flex:1 1 auto;min-width:160px}@media(min-width:480px){.hero-cta .btn{flex:0 0 auto}}.hero-panel{position:relative;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--g-brand) border-box;border:1px solid transparent;border-radius:var(--r-4);box-shadow:var(--sh-3);padding:var(--s-5)}@media(min-width:768px){.hero-panel{padding:var(--s-6)}}.hero-panel-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4)}.hero-panel-hd strong{font-size:16px;letter-spacing:-.02em}.hero-list{display:grid;gap:var(--s-2)}.hero-list-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-2);transition:background .16s ease}.hero-list-row:hover{background:var(--surface-2)}.hero-list-row .ic{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:var(--g-chip);color:#fff;box-shadow:0 6px 14px #155eef3d}.hero-list-row .tx{min-width:0}.hero-list-row strong{display:block;font-size:14.5px;letter-spacing:-.01em}.hero-list-row span{color:var(--faint);font-size:12.5px}.hero-list-row .val{margin-left:auto;font-size:13px;font-weight:700;color:var(--brand);white-space:nowrap}.hero-list-row:hover .val{color:var(--brand-2)}.grid{display:grid;gap:var(--s-4)}@media(min-width:640px){.grid{gap:var(--s-5)}}.grid-2{grid-template-columns:1fr}@media(min-width:600px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{grid-template-columns:1fr}@media(min-width:600px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-4{grid-template-columns:1fr}@media(min-width:460px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.cc{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden;box-shadow:var(--sh-2);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.cc{position:relative}.cc:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--g-brand);opacity:0;transition:opacity .22s ease;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.cc:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:transparent}.cc:hover:after{opacity:.7}.cc-a{display:flex;flex-direction:column;height:100%}.cc-media{position:relative;aspect-ratio:16 / 9;display:grid;place-items:center;overflow:hidden;background:radial-gradient(80% 90% at 82% 6%,color-mix(in srgb,var(--brand-3) 26%,transparent),transparent 66%),linear-gradient(150deg,var(--brand-soft) 0%,color-mix(in srgb,var(--brand) 14%,var(--surface)) 100%)}.cc-media img{width:100%;height:100%;object-fit:cover;display:block}.cc-media-ic{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:var(--g-chip);color:#fff;box-shadow:0 10px 24px #155eef47}.cc-media-ic .icon{width:26px;height:26px}@media(prefers-reduced-motion:no-preference){.cc-media img{transition:transform .4s ease}.cc:hover .cc-media img{transform:scale(1.04)}}.cc-main{display:flex;flex-direction:column;flex:1;min-width:0}.cc-top{padding:var(--s-4) var(--s-4) 0}.cc-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--r-full);font-size:10.5px;font-weight:800;letter-spacing:.02em}.tag-glass{background:var(--surface-2);color:var(--faint);border:1px solid var(--line)}.tag-solid{background:var(--brand-soft);color:var(--brand-2)}.tag-free{background:color-mix(in srgb,var(--green) 11%,var(--surface));color:#04543a}.cc-name{margin-top:var(--s-3);font-size:17px;font-weight:800;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cc-bd{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-3) var(--s-4) var(--s-4);flex:1}.cc-cat{color:var(--brand);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cc-sub{color:var(--muted);font-size:13.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);color:var(--faint);font-size:12.5px;font-weight:600}.meta>span{display:inline-flex;align-items:center;gap:5px}.meta .icon{width:14px;height:14px}.rate{display:inline-flex;align-items:center;gap:4px;color:var(--text);font-weight:800;font-size:13px}.rate .icon{color:var(--star);width:14px;height:14px}.cc-ft{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface-2);border-top:1px solid var(--line)}.price{font-size:17px;font-weight:800;letter-spacing:-.03em}.price s{color:var(--faint);font-size:12.5px;font-weight:600;margin-left:6px}.price.free{color:var(--green-ink)}.go{display:inline-flex;align-items:center;gap:5px;color:var(--brand);font-size:13px;font-weight:800}.cc:hover .go,.card:hover .go{color:var(--brand-2)}.cc:hover .go .icon,.card:hover .go .icon{transform:translate(3px)}.go .icon{width:15px;height:15px;transition:transform .18s ease}@media(min-width:768px){.grid.list{grid-template-columns:1fr}.grid.list .cc-a{flex-direction:row;align-items:stretch}.grid.list .cc-media{flex:0 0 240px;aspect-ratio:auto}.grid.list .cc-main,.grid.list .cc-bd{flex:1}.grid.list .cc-ft{flex-direction:column;align-items:flex-end;justify-content:center;flex:0 0 176px;border-top:0;border-left:1px solid var(--line);background:var(--surface)}}.card{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-2);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:var(--brand-soft-2)}.card-hd{display:flex;align-items:flex-start;gap:var(--s-3)}.card-ic{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:var(--r-2);background:var(--g-chip);color:#fff;box-shadow:0 6px 16px #155eef38}.card-ic .icon{width:22px;height:22px}.card-hd .hd-tx{min-width:0;flex:1}.card-kicker{color:var(--brand);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.card-sub{color:var(--faint);font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card h3{font-size:16.5px;line-height:1.35}.card-desc{color:var(--muted);font-size:13.5px;line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-ft{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--line)}.card-note{color:var(--faint);font-size:12.5px;font-weight:600}.card-note b{color:var(--brand-2)}.cert{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-2);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.cert:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:var(--brand-soft-2)}.cert-code{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:var(--r-1);background:var(--g-btn);color:#fff;font-size:12px;font-weight:800;align-self:flex-start;letter-spacing:.02em;box-shadow:0 6px 14px #155eef33}.cert h3{font-size:16px;margin-top:var(--s-1)}.cert p{color:var(--muted);font-size:13px;line-height:1.6;flex:1}.cert-tag{display:inline-flex;align-items:center;gap:5px;color:var(--brand);font-size:12.5px;font-weight:700}.cert:hover .cert-tag{color:var(--brand-2)}.tile{display:flex;align-items:center;gap:var(--s-3);min-width:0;padding:var(--s-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-1);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.tile:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--brand-soft-2)}.tile-ic{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:13px;background:var(--g-chip);color:#fff;box-shadow:0 6px 14px #155eef33}.tile-tx{min-width:0;display:grid}.tile strong{display:block;font-size:14.5px;letter-spacing:-.01em;overflow-wrap:anywhere}.tile-tx>span{color:var(--faint);font-size:12.5px;font-weight:600}.feat{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-1);transition:transform .22s ease,box-shadow .22s ease}.feat:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}.feat-ic{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--r-2);background:var(--g-chip);color:#fff;box-shadow:0 8px 18px #155eef38}.feat h3{font-size:17px}.feat p{color:var(--muted);font-size:14px;line-height:1.7}.searchbar{display:flex;align-items:center;gap:var(--s-2);padding:6px 6px 6px var(--s-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-full);box-shadow:var(--sh-1)}.searchbar:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent)}.searchbar .icon{color:var(--faint)}.searchbar input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:15px;min-height:40px}.searchbar input::placeholder{color:var(--faint)}.searchbar .btn{display:none}@media(min-width:640px){.searchbar .btn{display:inline-flex}}.select{min-height:46px;padding:0 38px 0 var(--s-4);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);font-size:14px;font-weight:600;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235B6B87' stroke-width='2' stroke-linecap='round'><path d='M4 6l4 4 4-4'/></svg>");background-repeat:no-repeat;background-position:right 12px center}:root[data-theme=dark] .select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23a8b6cf' stroke-width='2' stroke-linecap='round'><path d='M4 6l4 4 4-4'/></svg>")}.chips{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}.chips::-webkit-scrollbar{display:none}@media(min-width:1024px){.chips{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}}.chip{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 var(--s-4);flex:0 0 auto;border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);color:var(--muted);font-size:13.5px;font-weight:700;box-shadow:var(--sh-1);transition:.16s ease}.chip .icon{width:16px;height:16px}.chip:hover{border-color:var(--brand-soft-2);color:var(--brand-2);background:var(--brand-soft)}.chip[aria-pressed=true]{background:var(--g-btn);border-color:transparent;color:#fff;box-shadow:var(--sh-brand)}.toolbar{display:grid;gap:var(--s-3);margin-bottom:var(--s-5)}@media(min-width:640px){.toolbar{grid-template-columns:1fr auto auto;align-items:center}}.viewtoggle{display:none}@media(min-width:768px){.viewtoggle{display:inline-flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2)}}.viewtoggle button{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r-1);color:var(--faint)}.viewtoggle button[aria-pressed=true]{background:var(--g-btn);color:#fff}.count{color:var(--muted);font-size:13.5px;margin-bottom:var(--s-5)}.count b{color:var(--text)}.catalog{display:grid;gap:var(--s-5)}@media(min-width:1024px){.catalog{grid-template-columns:272px minmax(0,1fr);gap:var(--s-7);align-items:start}}.filters{display:grid;gap:var(--s-3)}@media(min-width:1024px){.filters{position:sticky;top:calc(var(--nav-h) + var(--s-4))}}.fbox{padding:var(--s-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-1)}.fbox h3{display:flex;align-items:center;gap:var(--s-2);font-size:13.5px;margin-bottom:var(--s-3)}.fbox h3 .icon{width:16px;height:16px;color:var(--brand)}.fopt{display:flex;align-items:center;gap:var(--s-3);min-height:40px;color:var(--muted);font-size:13.5px;font-weight:600;cursor:pointer}.fopt:hover{color:var(--text)}.fopt input{appearance:none;width:20px;height:20px;flex:0 0 20px;margin:0;border:1.5px solid var(--line);border-radius:6px;background:var(--surface);position:relative;cursor:pointer}.fopt input[type=radio]{border-radius:50%}.fopt input:checked{background:var(--brand);border-color:var(--brand)}.fopt input:checked:after{content:"";position:absolute;inset:0;background:no-repeat center/12px url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8.5l3.5 3.5L13 5'/></svg>")}.fopt input[type=radio]:checked:after{background:none;box-shadow:inset 0 0 0 4px var(--brand),inset 0 0 0 7px #fff;border-radius:50%}.fopt .n{margin-left:auto;color:var(--faint);font-size:12px;font-weight:700}.fbox-dark{border:0;color:#fff;background:radial-gradient(90% 120% at 90% 0%,rgba(33,167,240,.34),transparent 62%),var(--g-ink);background-color:#08183a;box-shadow:var(--sh-2)}.fbox-dark h3{color:#fff;margin:var(--s-3) 0 6px}.fbox-dark p{color:#ffffffd1;font-size:13px;margin-bottom:var(--s-4)}.fbox-dark .tag-glass{background:#ffffff29;color:#fff;border-color:#ffffff3d}.filters-mobile-toggle{display:flex}@media(min-width:1024px){.filters-mobile-toggle{display:none}}.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2);margin-top:var(--s-7)}.pager button{min-width:44px;height:44px;padding:0 12px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--brand-2);font-size:14px;font-weight:800}.pager button:hover:not(:disabled){border-color:var(--brand-soft-2);background:var(--brand-soft)}.pager button[aria-current=page]{background:var(--g-btn);border-color:transparent;color:#fff;box-shadow:var(--sh-brand)}.pager button:disabled{opacity:.4;cursor:not-allowed}.state{grid-column:1 / -1;padding:var(--s-9) var(--s-4);text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-3)}.state .st-ic{width:56px;height:56px;margin:0 auto var(--s-4);display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--faint)}.state h3{font-size:17.5px;margin-bottom:var(--s-2)}.state p{color:var(--muted);font-size:14.5px;max-width:46ch;margin:0 auto var(--s-5)}.state.error{border-style:solid;border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.state.error .st-ic{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.skel{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--r-1)}.skel:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text) 6%,transparent),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skel-card{padding:var(--s-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3)}.netbar{position:fixed;left:50%;bottom:var(--s-4);z-index:250;display:flex;align-items:center;gap:var(--s-2);max-width:calc(100% - 32px);padding:12px 20px;border-radius:var(--r-full);background:var(--brand-ink);color:#fff;font-size:13.5px;font-weight:700;box-shadow:var(--sh-4);transform:translate(-50%,160%);transition:transform .3s cubic-bezier(.2,.7,.2,1)}.netbar.on{transform:translate(-50%)}.netbar.ok{background:var(--brand)}.panel{padding:var(--s-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-1)}.panel+.panel{margin-top:var(--s-4)}.panel h2{font-size:19px;margin-bottom:var(--s-4)}.panel p{color:var(--muted);font-size:15px;line-height:1.8}.checks{display:grid;gap:var(--s-3)}@media(min-width:640px){.checks{grid-template-columns:1fr 1fr}}.checks li{display:flex;gap:var(--s-2);color:var(--muted);font-size:14px;line-height:1.6}.checks .icon{width:18px;height:18px;color:var(--brand);margin-top:3px}.detail-hero{position:relative;overflow:hidden;padding:var(--s-7) 0 var(--s-8);background:radial-gradient(60% 70% at 90% 0%,color-mix(in srgb,var(--brand-3) 14%,transparent),transparent 70%),linear-gradient(180deg,var(--surface) 0%,color-mix(in srgb,var(--brand-soft) 60%,var(--surface)) 100%);background-color:var(--surface);border-bottom:1px solid var(--line)}.detail-hero h1{margin:var(--s-4) 0 var(--s-4);font-size:clamp(26px,5.6vw,42px)}.detail-hero .sub{color:var(--muted);font-size:16px;max-width:62ch;line-height:1.7}.detail-hero .metas{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-6);margin-top:var(--s-5);font-size:13.5px;font-weight:600;color:var(--muted)}.detail-hero .metas>span{display:inline-flex;align-items:center;gap:6px}.detail-hero .metas .icon{width:16px;height:16px;color:var(--brand)}.detail-wrap{display:grid;gap:var(--s-5);padding:var(--s-7) 0}.detail-wrap>*,.quiz>*,.catalog>*{min-width:0}@media(min-width:1024px){.detail-wrap{grid-template-columns:minmax(0,1fr) 340px;gap:var(--s-7);align-items:start}}.tabs{display:flex;gap:4px;padding:5px;margin-bottom:var(--s-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-full);overflow-x:auto;scrollbar-width:none;box-shadow:var(--sh-1)}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;min-height:42px;padding:0 var(--s-5);border-radius:var(--r-full);color:var(--muted);font-size:14px;font-weight:700;white-space:nowrap}.tabs button:hover{color:var(--text)}.tabs button[aria-selected=true]{background:var(--g-btn);color:#fff;box-shadow:var(--sh-brand)}.acc{border:1px solid var(--line);border-radius:var(--r-2);overflow:hidden;background:var(--surface)}.acc+.acc{margin-top:var(--s-3)}.acc-hd{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-4);background:var(--surface-2);text-align:left}.acc-hd .icon{width:18px;height:18px;color:var(--brand);transition:transform .2s ease}.acc[data-open=true] .acc-hd .icon{transform:rotate(90deg)}.acc-hd strong{flex:1;font-size:14.5px}.acc-hd .n{color:var(--faint);font-size:12.5px;font-weight:700;white-space:nowrap}.acc-bd{padding:var(--s-1) 0}.acc-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-top:1px solid var(--line-2)}.acc-row .icon{width:16px;height:16px;color:var(--brand)}.acc-row .t{flex:1;font-size:13.5px}.acc-row .d{color:var(--faint);font-size:12.5px;font-weight:600}.acc-row .free{padding:3px 9px;border-radius:var(--r-full);background:color-mix(in srgb,var(--green) 11%,var(--surface));color:#04543a;font-size:10.5px;font-weight:800}.acc-row .kind{padding:3px 9px;border-radius:var(--r-full);background:var(--surface-2);color:var(--faint);font-size:10.5px;font-weight:700;border:1px solid var(--line)}.acc-row .pdf{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--r-full);background:var(--brand-soft);color:var(--brand-2);font-size:11.5px;font-weight:800;text-decoration:none}.acc-row .pdf:hover{background:var(--brand);color:#fff}.acc-row .pdf.locked{background:var(--surface-2);color:var(--faint);cursor:not-allowed}.acc-row .pdf .icon{width:14px;height:14px;color:currentColor}.qimg{display:block;width:100%;max-width:560px;height:auto;margin:var(--s-3) 0 var(--s-5);border-radius:var(--r-2);border:1px solid var(--line);background:var(--surface-2)}.vault{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);padding:var(--s-4);margin-bottom:var(--s-4);border-radius:var(--r-2);background:var(--surface-2);border:1px solid var(--line);font-size:13.5px;color:var(--muted)}.vault>span{flex:1 1 220px}.vault .icon{color:var(--faint);flex:none}.vault.ok{background:color-mix(in srgb,var(--green) 10%,var(--surface));border-color:color-mix(in srgb,var(--green) 34%,transparent);color:var(--green-ink)}.vault.ok .icon{color:var(--green-ink)}.enroll{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-2);overflow:hidden}@media(min-width:1024px){.enroll{position:sticky;top:calc(var(--nav-h) + var(--s-4))}}.enroll-top{padding:var(--s-7);display:grid;place-items:center;background:var(--g-btn);color:#fff}.enroll-top .icon{width:44px;height:44px}.enroll-bd{padding:var(--s-5);display:grid;gap:var(--s-4)}.enroll-price{display:flex;align-items:baseline;gap:var(--s-2)}.enroll-price b{font-size:28px;font-weight:800;letter-spacing:-.035em}.enroll-price b.free{color:var(--green-ink)}.enroll-price s{color:var(--faint);font-size:14.5px}.enroll-facts{display:grid;gap:var(--s-2)}.enroll-facts li{display:flex;align-items:center;gap:var(--s-2);color:var(--muted);font-size:13.5px}.enroll-facts li .icon{width:16px;height:16px;color:var(--brand)}.enroll-facts li b{margin-left:auto;color:var(--text)}.tutor{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);background:var(--surface-2);border-radius:var(--r-2)}.tutor .av{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:50%;background:var(--g-chip);color:#fff;font-weight:800}.tutor strong{display:block;font-size:14.5px}.tutor span{color:var(--faint);font-size:12.5px}.buybar{position:fixed;inset:auto 0 0;z-index:120;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--pad);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line);box-shadow:0 -8px 28px #0a133014}.buybar .p{flex:1;min-width:0}.buybar .p b{display:block;font-size:17px;font-weight:800;letter-spacing:-.03em}.buybar .p span{color:var(--faint);font-size:12px}@media(min-width:1024px){.buybar{display:none}}body.has-buybar{padding-bottom:78px}@media(min-width:1024px){body.has-buybar{padding-bottom:0}}.quiz{display:grid;gap:var(--s-5)}@media(min-width:1024px){.quiz{grid-template-columns:minmax(0,1fr) 300px;gap:var(--s-6);align-items:start}}.quiz-side{display:grid;gap:var(--s-3)}@media(min-width:1024px){.quiz-side{position:sticky;top:calc(var(--nav-h) + var(--s-4))}}.qbar{height:8px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden;margin-bottom:var(--s-5)}.qbar i{display:block;height:100%;background:var(--g-brand);border-radius:var(--r-full);transition:width .35s ease;box-shadow:0 0 12px #21a7f066}.qcard{padding:var(--s-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-2)}@media(min-width:768px){.qcard{padding:var(--s-7)}}.qhd{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);flex-wrap:wrap}.qhd .n{padding:6px 13px;border-radius:var(--r-full);background:var(--brand-soft);color:var(--brand-2);font-size:12.5px;font-weight:800}.qhd .s{margin-left:auto;color:var(--faint);font-size:12.5px;font-weight:700}.qtext{font-size:17.5px;font-weight:700;line-height:1.55;margin-bottom:var(--s-5)}@media(min-width:768px){.qtext{font-size:19px}}.opts{display:grid;gap:var(--s-3)}.opt{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:58px;padding:var(--s-3) var(--s-4);border:1.5px solid var(--line);border-radius:var(--r-2);background:var(--surface);text-align:left;font-size:14.5px;transition:.16s ease}.opt:hover:not(:disabled){border-color:var(--brand-soft-2);background:var(--surface-2)}.opt .k{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:var(--r-1);background:var(--surface-2);color:var(--faint);font-weight:800;font-size:13px}.opt[aria-checked=true]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,var(--surface))}.opt[aria-checked=true] .k{background:var(--brand);color:#fff}.opt.right{border-color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--surface))}.opt.right .k{background:var(--green-ink);color:#fff}.opt.wrong{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,var(--surface))}.opt.wrong .k{background:var(--danger);color:#fff}.explain{display:flex;gap:var(--s-3);margin-top:var(--s-4);padding:var(--s-4);border-radius:var(--r-2);background:var(--brand-soft);color:var(--brand-2);font-size:13.5px;line-height:1.7}.explain .icon{width:18px;height:18px;margin-top:3px}.explain b{display:block;margin-bottom:2px}.qft{display:flex;gap:var(--s-3);margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--line)}.qft .btn{flex:1}@media(min-width:480px){.qft{justify-content:space-between}.qft .btn{flex:0 0 auto;min-width:136px}}.timer{padding:var(--s-5);text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-1)}.timer .v{font-size:32px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.timer.warn .v{color:var(--danger)}.timer small{display:block;color:var(--faint);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.qnav{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:var(--s-2)}.qnav button{height:44px;border:1px solid var(--line);border-radius:var(--r-1);background:var(--surface);color:var(--faint);font-weight:800;font-size:13.5px}.qnav button.answered{background:var(--brand-soft);border-color:transparent;color:var(--brand-2)}.qnav button[aria-current=true]{background:var(--g-btn);border-color:transparent;color:#fff}.qnav button.ok{background:color-mix(in srgb,var(--green) 16%,transparent);border-color:transparent;color:var(--green-ink)}.qnav button.no{background:color-mix(in srgb,var(--danger) 14%,transparent);border-color:transparent;color:var(--danger)}.tips{display:grid;gap:var(--s-3)}.tips li{display:flex;gap:var(--s-2);color:var(--muted);font-size:13px;line-height:1.55}.tips .icon{width:16px;height:16px;color:var(--brand);margin-top:3px}.result{text-align:center;padding:var(--s-8) var(--s-4)}.ring{width:156px;height:156px;margin:0 auto var(--s-6);border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(from -90deg,var(--brand-3) 0deg,var(--brand) calc(var(--p,0) * 3.6deg),var(--surface-3) 0)}.ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--surface)}.ring .v{position:relative;z-index:2}.ring .v b{display:block;font-size:36px;font-weight:800;letter-spacing:-.04em;line-height:1}.ring .v span{color:var(--faint);font-size:12.5px;font-weight:700}.result h2{font-size:24px;margin-bottom:var(--s-2)}.result>p{color:var(--muted);font-size:15px;max-width:46ch;margin-inline:auto}.result-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3);margin:var(--s-6) 0}.result-kpi div{padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-2)}.result-kpi b{display:block;font-size:20px;font-weight:800}.result-kpi span{color:var(--faint);font-size:11.5px;font-weight:700}.result-act{display:grid;gap:var(--s-3)}@media(min-width:560px){.result-act{display:flex;justify-content:center;flex-wrap:wrap}}.banner{position:relative;overflow:hidden;isolation:isolate;padding:var(--s-7);border-radius:var(--r-4);color:#fff;background:radial-gradient(70% 110% at 88% -10%,rgba(33,167,240,.42),transparent 60%),radial-gradient(60% 90% at 6% 110%,rgba(21,94,239,.5),transparent 62%),var(--g-ink);background-color:#08183a;box-shadow:var(--sh-3)}.banner:before{content:"";position:absolute;z-index:0;inset:auto -80px -160px auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(33,167,240,.34),transparent 66%);filter:blur(60px);pointer-events:none}.banner>*{position:relative;z-index:1}@media(min-width:768px){.banner{padding:var(--s-9)}}.banner h2{font-size:clamp(24px,4.6vw,36px);margin:var(--s-4) 0 var(--s-4);max-width:30ch}.banner p{color:#ffffffd9;font-size:15px;max-width:52ch;margin-bottom:var(--s-6);line-height:1.75}.banner .tag-glass{background:#ffffff29;color:#fff;border-color:#ffffff3d}.banner .eyebrow{background:#ffffff1f;border-color:#ffffff3d;color:#fff;box-shadow:none}.banner .eyebrow .icon{color:#fff}.banner-act{display:grid;gap:var(--s-3)}@media(min-width:480px){.banner-act{display:flex;flex-wrap:wrap}}.locked-list{display:grid;gap:var(--s-3);margin-top:var(--s-6)}@media(min-width:640px){.locked-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.locked-list{grid-template-columns:repeat(3,1fr)}}.locked-item{padding:var(--s-5);border-radius:var(--r-2);background:#ffffff17;border:1px solid rgba(255,255,255,.18)}.locked-item .ic{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#ffffff24;margin-bottom:var(--s-3)}.locked-item h3{font-size:15px;margin-bottom:var(--s-1)}.locked-item p{color:#fffc;font-size:12.5px;margin:0}.locked-item a{display:inline-flex;align-items:center;gap:5px;margin-top:var(--s-3);color:#9fd0ff;font-size:13px;font-weight:700}.testi{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-1)}.testi>p{color:var(--text);font-size:14.5px;line-height:1.75;flex:1}.testi .who{display:flex;align-items:center;gap:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--line)}.testi .who .av{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;background:var(--g-chip);color:#fff;font-weight:800}.testi .who strong{display:block;font-size:14px}.testi .who span{color:var(--faint);font-size:12.5px}.testi .who .sc{margin-left:auto;padding:6px 12px;border-radius:var(--r-full);background:color-mix(in srgb,var(--green) 11%,var(--surface));color:#04543a;font-size:12.5px;font-weight:800}.ft{position:relative;overflow:hidden;margin-top:var(--s-9);color:#ffffffc7;background:radial-gradient(60% 80% at 92% 0%,rgba(33,167,240,.2),transparent 62%),radial-gradient(50% 70% at 4% 100%,rgba(21,94,239,.24),transparent 64%),linear-gradient(170deg,#08183a,#0a2456);background-color:#08183a}.ft:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--g-brand);opacity:.85}.ft>*{position:relative}.ft-in{display:grid;gap:var(--s-6);padding:var(--s-9) 0 var(--s-7)}@media(min-width:640px){.ft-in{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.ft-in{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--s-7)}}.ft h3{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#8fc0ff;margin-bottom:var(--s-4)}.ft a,.ft li>span{display:flex;align-items:center;gap:var(--s-2);padding:6px 0;color:#ffffffbd;font-size:13.5px}.ft a:hover{color:#fff}.ft .icon{width:15px;height:15px;color:#6ba8f5}.ft-about p{color:#ffffffa8;font-size:13.5px;margin-top:var(--s-4);max-width:40ch;line-height:1.7}.ft-about .logo-txt strong{color:#fff}.ft-about .logo-txt span{color:#8fc0ff}.ft-bottom{display:grid;gap:var(--s-2);padding:var(--s-5) 0;border-top:1px solid rgba(255,255,255,.12);color:#ffffff8c;font-size:12.5px}@media(min-width:640px){.ft-bottom{grid-auto-flow:column;justify-content:space-between}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media print{.hd,.ft,.netbar,.skip-link,.quiz-side,.buybar{display:none!important}body{background:#fff}}.strip{background:var(--g-brand-soft);color:var(--faint);font-size:12.5px;overflow:hidden;border-bottom:1px solid var(--line)}.strip-track{display:flex;align-items:center;gap:var(--s-6);min-height:32px;width:max-content;padding-left:100%;animation:marquee 32s linear infinite}.strip-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-weight:600}.strip-item:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--brand);flex:0 0 5px}@keyframes marquee{to{transform:translate(-100%)}}.strip:hover .strip-track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.strip-track{animation:none;padding-left:var(--pad)}}@media(max-width:767px){.strip{display:none}}.logo-img{width:42px;height:42px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:3px;flex:0 0 auto;box-shadow:var(--sh-1)}@media(min-width:768px){.logo-img{width:44px;height:44px}}.nav-item{position:relative}.nav-item>.nav-trigger{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 12px;border-radius:var(--r-full);color:var(--muted);font-size:14px;font-weight:600;white-space:nowrap}.nav-item>.nav-trigger:hover,.nav-item.on>.nav-trigger{color:var(--text);background:var(--surface-2)}.nav-item.active>.nav-trigger{color:var(--brand-2);background:var(--brand-soft);font-weight:700}.nav-item>.nav-trigger .icon{width:14px;height:14px}@media(min-width:1280px){.nav-item>.nav-trigger{padding:0 15px}}.dd{position:absolute;left:0;top:100%;min-width:246px;margin-top:0;padding:var(--s-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-4);z-index:120}.dd[hidden]{display:none}.nav-item:focus-within .dd[hidden]{display:block}.nav-item:after{content:"";position:absolute;left:0;right:0;top:100%;height:10px}.nav-item .dd{top:calc(100% + 8px)}.dd a{display:flex;align-items:center;gap:var(--s-2);padding:10px 12px;border-radius:var(--r-1);font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap}.dd a:hover{background:var(--surface-2);color:var(--brand-2)}.dd a[aria-current=page]{background:var(--brand-soft);color:var(--brand-2)}.dd a .icon{width:16px;height:16px;color:var(--muted)}.dd a:hover .icon,.dd a[aria-current=page] .icon{color:var(--brand)}.dgroup{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--line)}.dgroup>span{display:block;padding:0 var(--s-3) var(--s-2);color:var(--faint);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.fab{position:fixed;right:12px;bottom:12px;z-index:130;display:grid;gap:var(--s-2);justify-items:end}@media(min-width:768px){.fab{right:18px;bottom:18px}}body.has-buybar .fab{bottom:84px}@media(min-width:1024px){body.has-buybar .fab{bottom:18px}}.fab-btn{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#fff;box-shadow:var(--sh-3);transition:transform .18s ease}.fab-btn:hover{transform:scale(1.06)}.fab-btn .icon{width:22px;height:22px}.fab-phone{background:var(--g-btn)}.fab-zalo{background:#0068ff;font-weight:800;font-size:12.5px;letter-spacing:-.02em}.fab-mess{background:#0084ff}.fab-top{background:var(--surface);color:var(--muted);border:1px solid var(--line)}.vgrid{display:grid;gap:var(--s-4)}@media(min-width:640px){.vgrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.vgrid{grid-template-columns:repeat(3,1fr)}}.vcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden;box-shadow:var(--sh-2)}.vframe{display:block;position:relative;aspect-ratio:16 / 9;background:var(--surface-2);width:100%;overflow:hidden}.vframe iframe,.vframe img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.vplay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#0000000f,#0000006b)}.vplay span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--g-chip);color:#fff;box-shadow:0 12px 28px #155eef66;transition:transform .2s ease}.vcard:hover .vplay span{transform:scale(1.08)}.vplay span .icon{width:24px;height:24px}.vcard{display:flex;flex-direction:column}.vcard h3{padding:var(--s-4);font-size:14.5px;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ncard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden;box-shadow:var(--sh-2);transition:transform .2s ease,box-shadow .2s ease}.ncard:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:var(--brand-soft-2)}.ncard .thumb{aspect-ratio:16 / 10;background:var(--g-brand-soft)}.ncard .thumb img{width:100%;height:100%;object-fit:cover}.ncard .body{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5);flex:1}.ncard h3{font-size:16.5px;line-height:1.36}.ncard p{color:var(--muted);font-size:13.5px;line-height:1.55;flex:1}.ncard .foot{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-3);color:var(--faint);font-size:12.5px;font-weight:600;padding-top:var(--s-3);border-top:1px solid var(--line-2)}.ncard .foot>span{display:inline-flex;align-items:center;gap:5px}.ncard-link{display:flex;flex-direction:column;height:100%;color:inherit}.ncard .thumb{display:block}.ncard h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ncard p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ncard:hover .go{color:var(--brand)}.art-meta{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);margin-top:var(--s-3);color:var(--muted);font-size:13.5px;font-weight:600}.art-meta>span{display:inline-flex;align-items:center;gap:6px}.art{max-width:74ch;margin:0 auto;padding-bottom:var(--s-6)}.art-cover{margin:0 0 var(--s-6);border-radius:var(--r-3);overflow:hidden;border:1px solid var(--line);background:var(--g-brand-soft);aspect-ratio:16 / 9}.art-cover img{width:100%;height:100%;object-fit:cover}.art-lead{font-size:18px;line-height:1.8;color:var(--text);font-weight:600;padding-left:var(--s-5);margin-bottom:var(--s-7);border-left:3px solid transparent;border-image:var(--g-brand) 1}.art h2{font-size:23px;margin:var(--s-8) 0 var(--s-4)}.art p{color:var(--muted);font-size:16px;line-height:1.85;margin-bottom:var(--s-4)}.art blockquote{margin:var(--s-7) 0;padding:var(--s-6);border-radius:var(--r-3);background:var(--brand-soft);color:var(--brand-2);font-size:16.5px;font-weight:600;line-height:1.75}.art-list{display:grid;gap:var(--s-3);margin-bottom:var(--s-5)}.art-list li{display:flex;gap:var(--s-3);color:var(--muted);font-size:15.5px;line-height:1.7}.art-list .icon{width:18px;height:18px;color:var(--brand);flex:0 0 18px;margin-top:5px}.art-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;margin-top:var(--s-8);padding:var(--s-6);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--sh-1)}.art-cta strong{display:block;font-size:15.5px}.art-cta span{color:var(--muted);font-size:14px}.gal{display:grid;gap:var(--s-3);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.gal{grid-template-columns:repeat(4,1fr)}}.gal figure{margin:0;border-radius:var(--r-3);overflow:hidden;border:1px solid var(--line);background:var(--g-brand-soft);aspect-ratio:4 / 3}.gal img{width:100%;height:100%;object-fit:cover}.founder{display:grid;gap:var(--s-4);align-items:center}@media(min-width:768px){.founder{grid-template-columns:176px minmax(0,1fr);gap:var(--s-6)}}.founder .ph{border-radius:var(--r-3);overflow:hidden;border:1px solid var(--line);aspect-ratio:1}.founder .ph img{width:100%;height:100%;object-fit:cover}.founder blockquote{margin:0 0 var(--s-3);font-size:16px;font-weight:700;line-height:1.6}.statrow{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3)}@media(min-width:640px){.statrow{gap:var(--s-4)}}@media(min-width:900px){.statrow{grid-template-columns:repeat(4,1fr)}}.stat{--acc: var(--a1);--acc-soft: var(--a1-soft);--acc-ink: var(--a1-ink);--acc-grad: var(--g1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:3px;padding:var(--s-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-1);transition:transform .22s ease,box-shadow .22s ease}.stat:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}.stat:nth-child(4n+2){--acc: var(--a2);--acc-soft: var(--a2-soft);--acc-ink: var(--a2-ink);--acc-grad: var(--g2)}.stat:nth-child(4n+3){--acc: var(--a3);--acc-soft: var(--a3-soft);--acc-ink: var(--a3-ink);--acc-grad: var(--g3)}.stat:nth-child(4n+4){--acc: var(--a4);--acc-soft: var(--a4-soft);--acc-ink: var(--a4-ink);--acc-grad: var(--g4)}.stat:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--acc-grad);opacity:.9}.stat:after{content:"";position:absolute;top:-70px;right:-70px;width:170px;height:170px;border-radius:50%;background:var(--acc);opacity:.07;pointer-events:none}.stat>*{position:relative;z-index:1}.stat-ic{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--acc-grad);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--acc) 34%,transparent);margin-bottom:var(--s-3)}.stat b{display:block;font-size:clamp(30px,6.4vw,40px);font-weight:800;letter-spacing:-.045em;line-height:1.05;color:var(--acc-ink)}.stat .stat-l{color:var(--text);font-size:14px;font-weight:700;letter-spacing:-.01em;margin-top:2px}.stat .stat-note{color:var(--faint);font-size:12px}.stat-bar{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-3)}.stat-bar i{flex:1;height:6px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.stat-bar i:after{content:"";display:block;height:100%;width:var(--p, 0%);border-radius:var(--r-full);background:var(--acc-grad);transition:width .9s cubic-bezier(.2,.7,.2,1)}.stat-bar em{font-style:normal;color:var(--faint);font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}.statrow>div:not(.stat){padding:var(--s-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-1);text-align:center}.statrow>div:not(.stat) b{display:block;font-size:clamp(24px,5vw,32px);font-weight:800;letter-spacing:-.04em;color:var(--brand)}.statrow>div:not(.stat) span{color:var(--muted);font-size:12.5px;font-weight:600}.svc{display:grid;gap:var(--s-4)}@media(min-width:900px){.svc{grid-template-columns:repeat(2,1fr)}}.svc-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden;box-shadow:var(--sh-2)}.svc-card .top{aspect-ratio:16 / 9;background:var(--g-brand-soft)}.svc-card .top img{width:100%;height:100%;object-fit:cover}.svc-card .top.contain{background:var(--surface-2)}.svc-card .top.contain img{object-fit:contain;padding:var(--s-5)}.svc-card .bd{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-6);flex:1}.svc-card h3{font-size:19px}.svc-card p{color:var(--muted);font-size:14px;line-height:1.6}.pills{display:flex;flex-wrap:wrap;gap:var(--s-2)}.pillx{display:inline-flex;align-items:center;padding:6px 13px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--line);color:var(--muted);font-size:12.5px;font-weight:600}.form-grid{display:grid;gap:var(--s-5)}@media(min-width:1024px){.form-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:var(--s-6);align-items:start}}.fld{display:grid;gap:6px}.fld label{font-size:13px;font-weight:700}.fld .req{color:var(--danger)}.fld input,.fld select,.fld textarea{width:100%;min-height:50px;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);font-size:15px}.fld textarea{min-height:112px;resize:vertical}.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent)}.fld .err{color:var(--danger);font-size:12.5px;font-weight:600}.fld input[aria-invalid=true],.fld textarea[aria-invalid=true]{border-color:var(--danger)}.frow{display:grid;gap:var(--s-4)}@media(min-width:640px){.frow{grid-template-columns:1fr 1fr}}.note{display:flex;gap:var(--s-2);padding:var(--s-4);border-radius:var(--r-2);font-size:13.5px;line-height:1.6}.note .icon{flex:0 0 auto;margin-top:2px}.note-ok{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.note-err{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.info-list{display:grid;gap:var(--s-3)}.info-list a,.info-list div.row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);box-shadow:var(--sh-1)}.info-list a:hover{border-color:var(--brand-soft-2);background:var(--brand-soft)}.info-list .ic{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:13px;background:var(--brand-soft);color:var(--brand)}.info-list strong{display:block;font-size:14px}.info-list span{color:var(--muted);font-size:12.5px}.social-row{display:flex;flex-wrap:wrap;gap:var(--s-2)}.social-row a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 var(--s-4);border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);font-size:13.5px;font-weight:700}.social-row a:hover{border-color:var(--brand);color:var(--brand)}.lang{position:relative;flex:0 0 auto}.lang-btn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--muted);font-size:13px;font-weight:700;box-shadow:var(--sh-1);transition:color .16s ease,border-color .16s ease}.lang-btn:hover{color:var(--brand);border-color:var(--brand)}.lang-code{min-width:20px}@media(max-width:419px){.lang-code{display:none}.lang-btn{padding:0 9px}}.lang-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:208px;padding:var(--s-2);margin:0;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-4);z-index:140}.lang-pop li+li{margin-top:2px}.lang-pop button{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:44px;padding:8px 10px;border-radius:var(--r-1);font-size:14px;font-weight:600;color:var(--text);text-align:left}.lang-pop button:hover{background:var(--surface-2)}.lang-pop button[aria-selected=true]{background:var(--brand-soft);color:var(--brand-2);font-weight:700}.lang-pop button .icon{margin-left:auto;color:var(--brand)}.lang-tag{flex:0 0 34px;display:inline-grid;place-items:center;height:24px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--muted)}.lang-pop button[aria-selected=true] .lang-tag{background:var(--brand);border-color:transparent;color:#fff}.lang-block{width:100%}.lang-block .lang-btn{width:100%;justify-content:center}.lang-block .lang-pop{left:0;right:0;top:auto;bottom:calc(100% + 8px)}:root[data-lang=ja],:root[data-lang=zh],:root[data-lang=ko]{--ff: "Be Vietnam Pro", "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", system-ui, -apple-system, "Segoe UI", sans-serif}:root[data-lang=ja] body,:root[data-lang=zh] body,:root[data-lang=ko] body{line-height:1.72}:root[data-lang=de] .btn,:root[data-lang=de] .chip,:root[data-lang=de] .cc-title,:root[data-lang=de] .tile strong,:root[data-lang=de] .card h3{overflow-wrap:anywhere}:root[data-lang=de] .btn{white-space:normal;text-align:center;line-height:1.25}.countup{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.tw{position:relative;display:inline-block;max-width:100%;vertical-align:top}.tw-ghost{visibility:hidden}.tw-live{position:absolute;inset:0;white-space:pre-wrap}@media(min-width:480px){.tw,.tw-ghost,.tw-live{white-space:nowrap}}.tw-caret{display:inline-block;width:.06em;min-width:2px;height:.95em;margin-left:.06em;vertical-align:-.08em;background:currentColor;opacity:.85;animation:tw-blink 1s steps(1,end) infinite}.tw-caret.is-done{animation-duration:1.4s;opacity:.55}@keyframes tw-blink{0%,45%{opacity:.9}50%,95%{opacity:0}to{opacity:.9}}@media(prefers-reduced-motion:reduce){.tw-caret{animation:none;opacity:0}}.ashell{min-height:100vh;background:var(--bg);color:var(--text)}.aside{position:fixed;inset:0 auto 0 0;z-index:60;width:264px;display:flex;flex-direction:column;background:var(--brand-ink);color:#e6edfa;transform:translate(-100%);transition:transform .22s ease;overflow-y:auto}.aside.on{transform:none}.ascrim{position:fixed;inset:0;z-index:55;background:#071a3d80}.aside-hd{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-4);border-bottom:1px solid rgba(255,255,255,.1)}.alogo{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.alogo img{border-radius:9px}.alogo strong{display:block;font-size:14.5px;line-height:1.2}.alogo small{display:block;font-size:11.5px;color:#9db4da}.aside-x{margin-left:auto;color:#e6edfa}.aside-nav{flex:1;padding:var(--s-3) var(--s-2)}.aside-group{margin:var(--s-4) var(--s-3) var(--s-2);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7e97c4}.aside-nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-2);color:#d5e1f5;font-size:14px;font-weight:600;text-decoration:none}.aside-nav a:hover{background:#ffffff14;color:#fff}.aside-nav a.on{background:var(--brand);color:#fff}.aside-nav a .icon{flex:none}.apill{margin-left:auto;min-width:20px;padding:1px 7px;border-radius:var(--r-full);background:var(--orange);color:#26170a;font-size:11.5px;font-weight:800;text-align:center}.aside-ft{padding:var(--s-4);border-top:1px solid rgba(255,255,255,.1)}.aside-ft .auser{margin-bottom:var(--s-3)}.aside-ft .auser strong{color:#fff;font-size:13.5px}.aside-ft .auser p{color:#9db4da;font-size:12px;word-break:break-all}.aside-ft .abtn{width:100%;justify-content:center;color:#d5e1f5}.auser{display:flex;align-items:center;gap:10px}.auser img,.aav{width:36px;height:36px;flex:none;border-radius:var(--r-full);object-fit:cover;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:800}.amain{min-height:100vh}.atopbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--s-3);padding:10px var(--pad);background:var(--surface);border-bottom:1px solid var(--line)}.atopbar>span{font-weight:700;font-size:14.5px}.atopbar>.abtn{margin-left:auto}.apage{padding:var(--s-5) var(--pad) 96px;max-width:1180px;margin:0 auto}.apad{padding:var(--s-6) var(--pad);color:var(--muted)}.ahead{display:flex;flex-direction:column;gap:var(--s-3);margin-bottom:var(--s-5)}.ahead h1{font-size:clamp(21px,4.6vw,27px);letter-spacing:-.02em}.ahead p{color:var(--muted);font-size:13.5px;margin-top:4px}.ahead-act{display:flex;gap:var(--s-2);flex-wrap:wrap}.acrumb{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);margin-bottom:6px}.acrumb a{color:var(--brand-2);font-weight:600}.abtn{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border:1px solid transparent;border-radius:var(--r-2);background:transparent;font:inherit;font-size:14px;font-weight:700;color:var(--text);text-decoration:none;cursor:pointer}.abtn:disabled{opacity:.5;cursor:not-allowed}.abtn-primary{background:var(--brand);color:#fff;box-shadow:var(--sh-brand)}.abtn-primary:hover:not(:disabled){background:var(--brand-2)}.abtn-outline{border-color:var(--line);background:var(--surface)}.abtn-outline:hover:not(:disabled){border-color:var(--brand);color:var(--brand-2)}.abtn-ghost{color:var(--muted)}.abtn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.abtn-danger{background:var(--danger);color:#fff}.abtn-sm{padding:7px 12px;font-size:13px}.aicon{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--muted);cursor:pointer}.aicon:hover{color:var(--brand-2);border-color:var(--brand)}.aicon.danger:hover{color:var(--danger);border-color:var(--danger)}.alink{background:none;border:0;padding:0;color:var(--brand-2);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;text-align:left}.arow-btns{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-top:var(--s-3)}.flip{transform:rotate(180deg)}.acard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-1);padding:var(--s-5);margin-bottom:var(--s-4)}.acard h2{font-size:16px;margin-bottom:var(--s-3)}.acard-desc{color:var(--muted);font-size:13.5px;margin-bottom:var(--s-3)}.acard-danger{border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.acard input[type=file],.acard>input[type=text]{width:100%;max-width:420px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-2);font:inherit;font-size:14px;background:var(--surface);color:var(--text)}.astats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3);margin-bottom:var(--s-4)}.astat,.astat-link{display:block;padding:var(--s-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-1);color:inherit;text-decoration:none}.astat-link{padding:0;border:0;box-shadow:none}.astat-ic{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:8px;border-radius:var(--r-2);background:var(--brand-soft);color:var(--brand-2)}.astat b{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--brand-2)}.astat span{color:var(--muted);font-size:12.5px;font-weight:600}.agrid-cards{display:grid;grid-template-columns:1fr;gap:var(--s-3)}.acard-tile{display:block;padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);color:inherit;text-decoration:none}.acard-tile:hover{border-color:var(--brand);box-shadow:var(--sh-2)}.acard-tile .tile-ic{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:8px;border-radius:var(--r-2);background:var(--brand-soft);color:var(--brand-2)}.acard-tile strong{display:block;font-size:14.5px}.acard-tile span{color:var(--muted);font-size:12.5px}.anote,.aalert{display:flex;align-items:flex-start;gap:10px;padding:12px var(--s-4);border-radius:var(--r-2);margin-bottom:var(--s-4);font-size:13.5px}.anote{background:var(--brand-soft);color:var(--brand-2)}.aalert{background:color-mix(in srgb,var(--danger) 10%,#fff);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.aalert ul{margin:0;padding-left:18px}.afoot{color:var(--muted);font-size:12.5px;margin-top:var(--s-5)}.afoot code,.aid{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.atoolbar{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-3)}.asearch{display:flex;align-items:center;gap:8px;flex:1 1 240px;padding:9px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);color:var(--muted)}.asearch input{flex:1;border:0;background:none;font:inherit;font-size:14px;color:var(--text);outline:none}.asegs{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);overflow:hidden}.asegs button{padding:9px 14px;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer}.asegs button[aria-pressed=true]{background:var(--brand);color:#fff}.atable-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-1);overflow-x:auto}.atable{width:100%;border-collapse:collapse;min-width:560px}.atable th,.atable td{padding:12px var(--s-3);text-align:left;border-bottom:1px solid var(--line-2);vertical-align:top;font-size:13.5px}.atable th{background:var(--surface-2);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}.atable tr:last-child td{border-bottom:0}.atable tr.is-busy{opacity:.5}.atitle{font-weight:700;font-size:14.5px;color:var(--text);text-decoration:none}a.atitle:hover{color:var(--brand-2);text-decoration:underline}.asub{color:var(--muted);font-size:12.5px;margin-top:3px}.asub a{color:var(--brand-2)}.aid{display:inline-block;margin-top:5px;color:var(--faint)}.c-ord{width:44px}.c-meta,.c-pub,.c-act{white-space:nowrap}.aord{display:flex;flex-direction:column;gap:2px}.aord button{width:26px;height:20px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted);cursor:pointer;display:grid;place-items:center}.aord button:disabled{opacity:.35;cursor:not-allowed}.aacts{display:flex;gap:6px}.abadge{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:1px 8px;border-radius:var(--r-full);background:var(--brand-soft);color:var(--brand-2);font-size:11.5px;font-weight:700}.abadge-lock{background:var(--surface-2);color:var(--faint)}.anote-edit{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.anote-edit textarea{flex:1 1 220px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-2);font:inherit;font-size:13px}.aempty{display:grid;place-items:center;gap:var(--s-3);padding:var(--s-9) var(--s-4);background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-3);color:var(--muted);text-align:center}.atabs{display:flex;gap:4px;overflow-x:auto;margin-bottom:var(--s-3);padding-bottom:2px}.atabs button{display:flex;align-items:center;gap:6px;padding:9px 14px;white-space:nowrap;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);font:inherit;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer}.atabs button[aria-selected=true]{background:var(--brand);border-color:var(--brand);color:#fff}.adot{width:6px;height:6px;border-radius:50%;background:var(--green)}.aeditor-meta{display:grid;gap:var(--s-3);padding:var(--s-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);margin-bottom:var(--s-4)}.af-grid{display:grid;grid-template-columns:1fr;gap:var(--s-4)}.af-row{display:flex;flex-direction:column;gap:6px;min-width:0}.af-row>label{font-size:13px;font-weight:700;color:var(--text)}.af-req{color:var(--danger)}.af-hint{color:var(--muted);font-size:12px}.af-row input[type=text],.af-row input[type=number],.af-row input[type=date],.af-row input[type=search],.af-row select,.af-row textarea,.aeditor-meta input[type=text],.af-img-row input,.af-img-row select,.af-icon select,.af-blocks input,.af-blocks textarea,.af-blocks select,.c-pub select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--text);font:inherit;font-size:14px}.af-row textarea,.af-blocks textarea{resize:vertical;line-height:1.55}.af-row input:focus-visible,.af-row select:focus-visible,.af-row textarea:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.af-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.af-switch input{position:absolute;opacity:0;width:1px;height:1px}.af-switch-ui{position:relative;width:42px;height:24px;flex:none;border-radius:var(--r-full);background:#c6d3e4;transition:background .16s ease}.af-switch-ui:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--sh-1);transition:transform .16s ease}.af-switch input:checked+.af-switch-ui{background:var(--brand)}.af-switch input:checked+.af-switch-ui:after{transform:translate(18px)}.af-switch input:focus-visible+.af-switch-ui{outline:2px solid var(--brand);outline-offset:2px}.af-switch-tx{font-size:13.5px;font-weight:600;color:var(--muted)}.af-switch-sm .af-switch-ui{width:36px;height:21px}.af-switch-sm .af-switch-ui:after{width:15px;height:15px}.af-switch-sm input:checked+.af-switch-ui:after{transform:translate(15px)}.af-img-row{display:flex;gap:var(--s-2);flex-wrap:wrap}.af-img-row input{flex:1 1 220px}.af-img-row select{flex:0 1 170px}.af-img-prev{margin-top:8px;width:160px;height:96px;object-fit:cover;border-radius:var(--r-2);border:1px solid var(--line);background:var(--surface-2)}.af-icon{display:flex;align-items:center;gap:var(--s-2)}.af-icon select{flex:1}.af-icon-prev{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:var(--r-2);background:var(--brand-soft);color:var(--brand-2)}.af-correct{display:grid;gap:6px}.af-correct label{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);font-size:13.5px;cursor:pointer}.af-correct label.on{border-color:var(--success);background:color-mix(in srgb,var(--green) 12%,#fff)}.af-correct b{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:var(--surface-2);font-size:12px}.af-correct label.on b{background:var(--success);color:#fff}.af-list{display:grid;gap:var(--s-2)}.af-list-item{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-2)}.af-list-hd{display:flex;align-items:center;gap:6px;padding:6px 8px}.af-list-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:4px;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--text);text-align:left;cursor:pointer}.af-list-toggle .n{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;background:var(--brand-soft);color:var(--brand-2);font-size:11.5px;font-weight:800}.af-list-toggle .tt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.af-list-act{display:flex;gap:4px}.af-list-act button{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);cursor:pointer}.af-list-act button:disabled{opacity:.35;cursor:not-allowed}.af-list-act button.danger:hover{color:var(--danger);border-color:var(--danger)}.af-list-bd{padding:var(--s-3);border-top:1px solid var(--line);background:var(--surface);border-radius:0 0 var(--r-2) var(--r-2)}.af-blocks{display:grid;gap:var(--s-2)}.af-block{padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface)}.af-block-hd{display:flex;align-items:center;gap:var(--s-2);margin-bottom:8px}.af-block-hd select{flex:0 1 220px}.af-block-hd .af-list-act{margin-left:auto}.af-block-h input{font-weight:700}.af-block-quote textarea{font-style:italic}.af-block-add{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}.af-block-add>span{font-size:12.5px;color:var(--muted);font-weight:600}.af-block-add .abtn{border:1px dashed var(--line)}.asticky{position:sticky;bottom:0;display:flex;align-items:center;gap:var(--s-3);margin:var(--s-4) calc(var(--pad) * -1) 0;padding:10px var(--pad);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);border-top:1px solid var(--line)}.asticky>span{flex:1;font-size:12.5px;color:var(--muted);font-weight:600}.ajson-box{width:100%;min-height:380px;margin-top:var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-2);color:var(--text);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.6;tab-size:2;resize:vertical;white-space:pre;overflow-wrap:normal;overflow-x:auto}.ajson .acard-desc code{background:var(--surface-2);padding:1px 5px;border-radius:5px}.adrop{display:grid;place-items:center;gap:8px;padding:var(--s-6) var(--s-4);margin-bottom:var(--s-4);border:2px dashed var(--line);border-radius:var(--r-3);background:var(--surface);color:var(--muted);text-align:center;font-size:13.5px}.adrop .icon{color:var(--brand)}.amedia{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3)}.amedia-item{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);overflow:hidden}.amedia-item img{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--surface-2)}.amedia-item figcaption{padding:var(--s-3);display:grid;gap:3px}.amedia-item strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amedia-item span{color:var(--muted);font-size:11.5px}.amedia-item code{color:var(--faint);font-size:11px;word-break:break-all}.amedia-act{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:0 var(--s-3) var(--s-3);margin-top:auto}.amedia-act .aicon{width:30px;height:30px;margin-left:auto}.agate{display:grid;place-items:center;min-height:100vh;padding:var(--s-6);background:var(--bg)}.agate-box{display:grid;gap:var(--s-3);justify-items:center;max-width:460px;padding:var(--s-8) var(--s-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-4);box-shadow:var(--sh-3);text-align:center}.agate-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-3);background:var(--brand-soft);color:var(--brand-2)}.agate h1{font-size:20px}.agate p{color:var(--muted);font-size:14px}.atoast{position:fixed;left:50%;bottom:20px;z-index:90;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:11px 18px;border-radius:var(--r-full);background:var(--brand-ink);color:#fff;font-size:13.5px;font-weight:600;box-shadow:var(--sh-3)}.atoast.err{background:var(--danger)}@media(min-width:768px){.astats{grid-template-columns:repeat(4,1fr)}.agrid-cards{grid-template-columns:repeat(2,1fr)}.amedia{grid-template-columns:repeat(3,1fr)}.af-grid{grid-template-columns:repeat(2,1fr)}.af-row.wide{grid-column:1 / -1}.aeditor-meta{grid-template-columns:2fr 1fr;align-items:start}.ahead{flex-direction:row;align-items:flex-start;justify-content:space-between}.ahead-act{flex:none}}@media(min-width:1024px){.aside{transform:none}.ascrim,.aside-x{display:none}.amain{margin-left:264px}.atopbar{display:none}.apage{padding:var(--s-7) var(--s-6) 120px}.agrid-cards{grid-template-columns:repeat(3,1fr)}.amedia{grid-template-columns:repeat(4,1fr)}.asticky{margin-left:calc(var(--s-6) * -1);margin-right:calc(var(--s-6) * -1);padding-left:var(--s-6);padding-right:var(--s-6)}}[data-theme=dark] .aicon,[data-theme=dark] .atable-wrap,[data-theme=dark] .acard{background:var(--surface)}@media(prefers-reduced-motion:reduce){.aside{transition:none}.af-switch-ui,.af-switch-ui:after{transition:none}}