@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cd79e1ff94fa521b-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/89362aa296165c6d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e11f95d95ac59fa4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/00f4982f357db61e-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/62a3c74fa0e47362-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8201559e247ad180-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2173e4bb28c315da-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c6f81e539d11fc99-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/25ab8995c98996d7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9ddf1512dbee9c99-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8247d8d2a376ae43-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e270c9fc4fe96f5a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/6bb6a9cb68044e10-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/9a3689a7cda641d2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/bed26dc8a57eea87-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro Fallback;src:local("Arial");ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.00%;size-adjust:110.36%}.__className_383d88{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.__variable_383d88{--font-be-vietnam-pro:"Be Vietnam Pro","Be Vietnam Pro Fallback"}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{border-width:0}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-5{left:1.25rem}.top-0{top:0}.top-5{top:1.25rem}.z-20{z-index:20}.z-50{z-index:50}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.\!block{display:block!important}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.\!hidden{display:none!important}.hidden{display:none}.aspect-\[16\/6\]{aspect-ratio:16/6}.aspect-\[16\/7\]{aspect-ratio:16/7}.size-10{width:2.5rem;height:2.5rem}.size-11{width:2.75rem;height:2.75rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-3{width:.75rem;height:.75rem}.size-5{width:1.25rem;height:1.25rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2{height:.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[520px\]{height:520px}.h-full{height:100%}.max-h-80{max-height:20rem}.max-h-\[88vh\]{max-height:88vh}.max-h-\[calc\(88vh-110px\)\]{max-height:calc(88vh - 110px)}.min-h-14{min-height:3.5rem}.min-h-24{min-height:6rem}.min-h-36{min-height:9rem}.min-h-64{min-height:16rem}.min-h-\[58vh\]{min-height:58vh}.min-h-\[70vh\]{min-height:70vh}.min-h-screen{min-height:100vh}.w-14{width:3.5rem}.w-72{width:18rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-36{min-width:9rem}.min-w-56{min-width:14rem}.min-w-64{min-width:16rem}.min-w-72{min-width:18rem}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[80\%\]{max-width:80%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-y{resize:vertical}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-white\/10>:not([hidden])~:not([hidden]){border-color:rgb(255 255 255/.1)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#cfe3dc\]{--tw-border-opacity:1;border-color:rgb(207 227 220/var(--tw-border-opacity,1))}.border-\[\#d9e1dc\]{--tw-border-opacity:1;border-color:rgb(217 225 220/var(--tw-border-opacity,1))}.border-amber-300\/20{border-color:rgb(252 211 77/.2)}.border-amber-300\/25{border-color:rgb(252 211 77/.25)}.border-brand-600{--tw-border-opacity:1;border-color:rgb(0 76 202/var(--tw-border-opacity,1))}.border-cyan-300\/20{border-color:rgb(103 232 249/.2)}.border-cyan-300\/25{border-color:rgb(103 232 249/.25)}.border-cyan-300\/30{border-color:rgb(103 232 249/.3)}.border-cyan-300\/45{border-color:rgb(103 232 249/.45)}.border-emerald-300\/20{border-color:rgb(110 231 183/.2)}.border-emerald-300\/25{border-color:rgb(110 231 183/.25)}.border-emerald-900\/10{border-color:rgb(6 78 59/.1)}.border-emerald-900\/15{border-color:rgb(6 78 59/.15)}.border-fuchsia-300\/20{border-color:rgb(240 171 252/.2)}.border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 211/var(--tw-border-opacity,1))}.border-rose-300\/25{border-color:rgb(253 164 175/.25)}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white\/10{border-color:rgb(255 255 255/.1)}.border-white\/15{border-color:rgb(255 255 255/.15)}.bg-\[\#10a37f\]{--tw-bg-opacity:1;background-color:rgb(16 163 127/var(--tw-bg-opacity,1))}.bg-\[\#e8f5f1\]{--tw-bg-opacity:1;background-color:rgb(232 245 241/var(--tw-bg-opacity,1))}.bg-\[\#f1f8f5\]{--tw-bg-opacity:1;background-color:rgb(241 248 245/var(--tw-bg-opacity,1))}.bg-\[\#f7f6f2\]{--tw-bg-opacity:1;background-color:rgb(247 246 242/var(--tw-bg-opacity,1))}.bg-\[\#fff8bd\]{--tw-bg-opacity:1;background-color:rgb(255 248 189/var(--tw-bg-opacity,1))}.bg-amber-300{--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity,1))}.bg-amber-300\/10{background-color:rgb(252 211 77/.1)}.bg-amber-300\/15{background-color:rgb(252 211 77/.15)}.bg-amber-400\/15{background-color:rgb(251 191 36/.15)}.bg-canvas{--tw-bg-opacity:1;background-color:rgb(247 249 251/var(--tw-bg-opacity,1))}.bg-cyan-300\/10{background-color:rgb(103 232 249/.1)}.bg-cyan-300\/15{background-color:rgb(103 232 249/.15)}.bg-cyan-400\/15{background-color:rgb(34 211 238/.15)}.bg-emerald-300\/10{background-color:rgb(110 231 183/.1)}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-fuchsia-300\/10{background-color:rgb(240 171 252/.1)}.bg-fuchsia-400\/15{background-color:rgb(232 121 249/.15)}.bg-rose-300\/15{background-color:rgb(253 164 175/.15)}.bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-slate-950\/55{background-color:rgb(2 6 23/.55)}.bg-slate-950\/60{background-color:rgb(2 6 23/.6)}.bg-slate-950\/65{background-color:rgb(2 6 23/.65)}.bg-slate-950\/70{background-color:rgb(2 6 23/.7)}.bg-slate-950\/75{background-color:rgb(2 6 23/.75)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:rgb(255 255 255/.1)}.bg-white\/60{background-color:rgb(255 255 255/.6)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-300\/20{--tw-gradient-from:rgb(252 211 77/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(252 211 77/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-200{--tw-gradient-from:#a5f3fc var(--tw-gradient-from-position);--tw-gradient-to:rgb(165 243 252/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-300\/20{--tw-gradient-from:rgb(103 232 249/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(103 232 249/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);--tw-gradient-to:rgb(6 182 212/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-300\/20{--tw-gradient-from:rgb(110 231 183/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(110 231 183/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-fuchsia-300\/20{--tw-gradient-from:rgb(240 171 252/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(240 171 252/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-rose-200{--tw-gradient-from:#fecdd3 var(--tw-gradient-from-position);--tw-gradient-to:rgb(254 205 211/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-rose-300\/20{--tw-gradient-from:rgb(253 164 175/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(253 164 175/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-950\/80{--tw-gradient-from:rgb(2 6 23/0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(2 6 23/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-950\/90{--tw-gradient-from:rgb(2 6 23/0.9) var(--tw-gradient-from-position);--tw-gradient-to:rgb(2 6 23/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-violet-300\/20{--tw-gradient-from:rgb(196 181 253/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(196 181 253/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-white{--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-amber-100{--tw-gradient-to:#fef3c7 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-cyan-950\/35{--tw-gradient-to:rgb(8 51 68/0.35) var(--tw-gradient-to-position)}.to-cyan-950\/45{--tw-gradient-to:rgb(8 51 68/0.45) var(--tw-gradient-to-position)}.to-fuchsia-200{--tw-gradient-to:#f5d0fe var(--tw-gradient-to-position)}.to-fuchsia-500\/10{--tw-gradient-to:rgb(217 70 239/0.1) var(--tw-gradient-to-position)}.to-orange-500\/10{--tw-gradient-to:rgb(249 115 22/0.1) var(--tw-gradient-to-position)}.to-pink-500\/10{--tw-gradient-to:rgb(236 72 153/0.1) var(--tw-gradient-to-position)}.to-purple-500\/10{--tw-gradient-to:rgb(168 85 247/0.1) var(--tw-gradient-to-position)}.to-rose-500\/10{--tw-gradient-to:rgb(244 63 94/0.1) var(--tw-gradient-to-position)}.to-sky-500\/10{--tw-gradient-to:rgb(14 165 233/0.1) var(--tw-gradient-to-position)}.to-teal-500\/10{--tw-gradient-to:rgb(20 184 166/0.1) var(--tw-gradient-to-position)}.to-white\/5{--tw-gradient-to:rgb(255 255 255/0.05) var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-\[1\.02\]{line-height:1.02}.leading-tight{line-height:1.25}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-normal{letter-spacing:0}.text-\[\#087f65\]{--tw-text-opacity:1;color:rgb(8 127 101/var(--tw-text-opacity,1))}.text-\[\#17211d\]{--tw-text-opacity:1;color:rgb(23 33 29/var(--tw-text-opacity,1))}.text-\[\#31594d\]{--tw-text-opacity:1;color:rgb(49 89 77/var(--tw-text-opacity,1))}.text-\[\#52605a\]{--tw-text-opacity:1;color:rgb(82 96 90/var(--tw-text-opacity,1))}.text-amber-100{--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1))}.text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.text-amber-50{--tw-text-opacity:1;color:rgb(255 251 235/var(--tw-text-opacity,1))}.text-brand-700{--tw-text-opacity:1;color:rgb(0 62 168/var(--tw-text-opacity,1))}.text-cyan-100{--tw-text-opacity:1;color:rgb(207 250 254/var(--tw-text-opacity,1))}.text-cyan-200{--tw-text-opacity:1;color:rgb(165 243 252/var(--tw-text-opacity,1))}.text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-cyan-50{--tw-text-opacity:1;color:rgb(236 254 255/var(--tw-text-opacity,1))}.text-emerald-100{--tw-text-opacity:1;color:rgb(209 250 229/var(--tw-text-opacity,1))}.text-emerald-200{--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity,1))}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-emerald-50{--tw-text-opacity:1;color:rgb(236 253 245/var(--tw-text-opacity,1))}.text-fuchsia-100{--tw-text-opacity:1;color:rgb(250 232 255/var(--tw-text-opacity,1))}.text-fuchsia-50{--tw-text-opacity:1;color:rgb(253 244 255/var(--tw-text-opacity,1))}.text-rose-100{--tw-text-opacity:1;color:rgb(255 228 230/var(--tw-text-opacity,1))}.text-rose-200{--tw-text-opacity:1;color:rgb(254 205 211/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.text-violet-100{--tw-text-opacity:1;color:rgb(237 233 254/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline-offset-4{text-underline-offset:4px}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0/0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_12px_36px_rgba\(0\2c 0\2c 0\2c 0\.18\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_36px_rgba\(0\2c 0\2c 0\2c 0\.18\)\]{--tw-shadow:0 12px 36px rgba(0,0,0,0.18);--tw-shadow-colored:0 12px 36px var(--tw-shadow-color)}.shadow-\[0_12px_40px_rgba\(34\2c 211\2c 238\2c 0\.12\)\]{--tw-shadow:0 12px 40px rgba(34,211,238,0.12);--tw-shadow-colored:0 12px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_14px_44px_rgba\(255\2c 255\2c 255\2c 0\.12\)\]{--tw-shadow:0 14px 44px rgba(255,255,255,0.12);--tw-shadow-colored:0 14px 44px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_44px_rgba\(244\2c 114\2c 182\2c 0\.18\)\]{--tw-shadow:0 18px 44px rgba(244,114,182,0.18);--tw-shadow-colored:0 18px 44px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_48px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{--tw-shadow:0 18px 48px rgba(0,0,0,0.25);--tw-shadow-colored:0 18px 48px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(34\2c 211\2c 238\2c 0\.18\)\]{--tw-shadow:0 18px 50px rgba(34,211,238,0.18);--tw-shadow-colored:0 18px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_60px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{--tw-shadow:0 18px 60px rgba(0,0,0,0.25);--tw-shadow-colored:0 18px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_22px_70px_rgba\(34\2c 211\2c 238\2c 0\.22\)\]{--tw-shadow:0 22px 70px rgba(34,211,238,0.22);--tw-shadow-colored:0 22px 70px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_80px_rgba\(16\2c 163\2c 127\2c 0\.12\)\]{--tw-shadow:0 24px 80px rgba(16,163,127,0.12);--tw-shadow-colored:0 24px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[18px_0_70px_rgba\(0\2c 0\2c 0\2c 0\.22\)\]{--tw-shadow:18px 0 70px rgba(0,0,0,0.22);--tw-shadow-colored:18px 0 70px var(--tw-shadow-color)}.shadow-\[18px_0_70px_rgba\(0\2c 0\2c 0\2c 0\.22\)\],.shadow-soft{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-soft{--tw-shadow:0 4px 20px rgba(0,0,0,0.04);--tw-shadow-colored:0 4px 20px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-blur-xl,.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}:root{color-scheme:light;--course-green:#10a37f;--course-green-dark:#087f65;--course-green-soft:#e9f7f2;--course-cream:#f7f5ef;--course-paper:#fffefa;--course-ink:#17211d;--course-muted:#617069;--course-border:#d7e0db;--course-danger:#c44747;--course-highlight:#fff0a8;--course-shadow:0 18px 56px rgba(35,66,55,0.1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body,html{min-height:100%}body{margin:0;background:var(--course-cream);color:var(--course-ink);font-family:var(--font-be-vietnam-pro),ui-sans-serif,system-ui,sans-serif;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--course-green) 45%,white);outline-offset:3px}.focus-ring{outline:2px solid transparent;outline-offset:2px}.focus-ring:focus-visible{outline-color:#7dd3fc}.tam-stage{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,rgba(14,165,233,.16),transparent 28%),linear-gradient(225deg,rgba(244,114,182,.14),transparent 30%),linear-gradient(315deg,rgba(245,158,11,.12),transparent 34%),#050713}.tam-stage:before{position:absolute;inset:0;z-index:-2;content:"";background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 0);background-size:46px 46px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 82%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 82%)}.tam-stage:after{position:absolute;inset:-20% -10% auto;z-index:-1;height:58%;content:"";background:linear-gradient(100deg,transparent 8%,rgba(34,211,238,.2) 26%,transparent 48%),linear-gradient(120deg,transparent 24%,rgba(251,146,60,.16) 44%,transparent 64%),linear-gradient(145deg,transparent 42%,rgba(168,85,247,.18) 64%,transparent 82%);transform:skewY(-8deg)}.tam-glass{border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035)),rgba(10,14,30,.74);box-shadow:0 26px 90px rgba(0,0,0,.34)}.tam-hover-lift{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.tam-hover-lift:hover{border-color:rgba(125,211,252,.52);transform:translateY(-4px);box-shadow:0 18px 56px rgba(14,165,233,.18)}.tam-shine{position:relative;overflow:hidden}.tam-shine:after{position:absolute;inset:0;content:"";background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.18) 45%,transparent 70%);transform:translateX(-130%);transition:transform .65s ease}.tam-shine:hover:after{transform:translateX(130%)}.tam-gradient-text{background:linear-gradient(90deg,#fff,#7dd3fc 34%,#f9a8d4 68%,#fde68a);background-clip:text;color:transparent;-webkit-background-clip:text}.tam-preview-window{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(15,23,42,.72)),rgba(15,23,42,.8);box-shadow:0 30px 90px rgba(0,0,0,.38)}.tam-float-soft{transform:translateZ(0)}.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}.course-portal,.course-portal-main,.course-shell{min-width:0;min-height:100vh}.course-shell{background-color:var(--course-cream);background-image:radial-gradient(circle at 1px 1px,rgba(16,163,127,.12) 1px,transparent 0);background-size:24px 24px}.course-header{position:sticky;z-index:40;top:0;justify-content:space-between;gap:1rem;min-height:76px;padding:.75rem clamp(1rem,3vw,3rem);border-bottom:1px solid rgba(23,33,29,.1);background:rgba(247,245,239,.96);box-shadow:0 6px 24px rgba(35,66,55,.06)}.course-brand,.course-header{display:flex;min-width:0;align-items:center}.course-brand{gap:.8rem}.course-brand-mark{display:grid;flex:0 0 auto;width:2.65rem;height:2.65rem;place-items:center;border-radius:50%;background:var(--course-green);color:white;font-size:1.15rem;font-weight:800;box-shadow:0 8px 22px rgba(16,163,127,.24)}.course-brand-copy{display:grid;min-width:0;gap:.1rem}.course-brand-copy strong{overflow:hidden;font-size:clamp(.9rem,1.4vw,1.08rem);text-overflow:ellipsis;white-space:nowrap}.course-brand-copy small{color:var(--course-muted);font-size:.72rem}.course-header-actions{display:flex;flex:0 0 auto;align-items:center;gap:.55rem}.course-edit-toggle,.course-header-link,.course-icon-button,.course-zoom{min-height:42px;border:1px solid var(--course-border);border-radius:.85rem;background:var(--course-paper);color:var(--course-ink)}.course-edit-toggle,.course-header-link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem .9rem;cursor:pointer;font-size:.82rem;font-weight:700}.course-edit-toggle{border-color:var(--course-green);background:var(--course-green);color:white}.course-edit-toggle[aria-pressed=true]{background:var(--course-green-dark)}.course-icon-button{display:inline-grid;flex:0 0 auto;width:42px;padding:0;place-items:center;cursor:pointer}.course-icon-button:disabled{cursor:not-allowed;opacity:.4}.course-zoom{display:flex;align-items:center;overflow:hidden}.course-zoom .course-icon-button{min-height:40px;border:0;border-radius:0;background:transparent}.course-zoom output{min-width:3.25rem;text-align:center;font-size:.75rem;font-weight:700}.course-header-link:hover,.course-icon-button:not(:disabled):hover{border-color:color-mix(in srgb,var(--course-green) 55%,var(--course-border));color:var(--course-green-dark)}.course-canvas-wrap{min-width:0;overflow-x:clip}.course-roadmap{width:min(1180px,calc(100% - 2rem));min-width:0;margin-inline:auto;padding:clamp(3rem,8vw,7rem) 0 8rem;zoom:var(--course-zoom,1)}.course-hero{max-width:900px;margin-inline:auto;text-align:center}.course-eyebrow{margin:0 0 1rem;color:var(--course-green-dark)!important;font-size:clamp(.76rem,1.3vw,.95rem)!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.course-hero h1{margin:0;font-size:clamp(2.25rem,6vw,5rem);font-weight:800;letter-spacing:-.055em;line-height:1.08;overflow-wrap:anywhere}.course-hero-summary{max-width:780px;margin:1.35rem auto 0;color:var(--course-muted);font-size:clamp(1rem,2vw,1.28rem);font-weight:500;line-height:1.7;overflow-wrap:anywhere}.course-introduction{font-family:var(--font-be-vietnam-pro),ui-sans-serif,system-ui,sans-serif}.course-introduction-details{max-width:860px;margin:1.5rem auto 0;border:1px solid color-mix(in srgb,var(--course-green) 24%,var(--course-border));border-radius:1.15rem;background:color-mix(in srgb,var(--course-paper) 94%,var(--course-green-soft));box-shadow:0 12px 34px rgba(35,66,55,.07);text-align:left}.course-introduction-details>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:1rem 1.15rem;cursor:pointer;list-style:none}.course-introduction-details>summary::-webkit-details-marker{display:none}.course-introduction-icon{display:grid;width:2.35rem;height:2.35rem;place-items:center;border-radius:.75rem;background:var(--course-green-soft);color:var(--course-green-dark)}.course-introduction-details summary small,.course-introduction-details summary strong{display:block}.course-introduction-details summary strong{color:var(--course-ink);font-size:.96rem;font-weight:700}.course-introduction-details summary small{margin-top:.18rem;color:var(--course-muted);font-size:.78rem;font-weight:500}.course-introduction-chevron{color:var(--course-muted);transition:transform .18s ease}.course-introduction-details[open] .course-introduction-chevron{transform:rotate(180deg)}.course-introduction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;padding:0 1rem 1rem}.course-introduction-grid>section{min-width:0;padding:1rem;border:1px solid var(--course-border);border-radius:.9rem;background:white}.course-introduction-grid h2{margin:0 0 .65rem;color:var(--course-green-dark);font-size:.9rem;font-weight:800;line-height:1.4}.course-introduction-grid p{margin:0;color:var(--course-muted);font-size:.86rem;font-weight:400;line-height:1.65;overflow-wrap:anywhere}.course-introduction-grid p+p{margin-top:.65rem}.course-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem 1.8rem;margin-top:2rem;color:var(--course-muted);font-size:clamp(.86rem,1.5vw,1rem)}.course-stats span{position:relative}.course-stats span:not(:last-child):after{position:absolute;right:-1rem;color:var(--course-border);content:"•"}.course-stats strong{color:var(--course-ink);font-size:1.12em}.course-chapter-nav{display:flex;max-width:1060px;flex-wrap:wrap;justify-content:center;gap:.65rem;margin:2.5rem auto 5rem}.course-chapter-chip{display:inline-flex;min-width:0;align-items:center;gap:.55rem;max-width:100%;padding:.58rem .85rem;border:1px solid var(--course-border);border-radius:999px;background:rgba(255,254,250,.88);font-size:clamp(.78rem,1.3vw,.9rem);font-weight:700;overflow-wrap:anywhere;box-shadow:0 6px 20px rgba(35,66,55,.04);color:var(--course-ink);font-family:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.course-chapter-chip:focus-visible,.course-chapter-chip:hover{border-color:var(--course-green);transform:translateY(-2px);outline:none}.course-chapter-chip[aria-current=page]{border-color:var(--course-green);background:var(--course-green);color:white;box-shadow:0 12px 30px rgba(16,163,127,.22)}.course-chapter-chip[aria-current=page] span{background:rgba(255,255,255,.2);color:white}.course-chapter-chip span{display:grid;flex:0 0 auto;width:1.7rem;height:1.7rem;place-items:center;border-radius:50%;background:var(--course-green-soft);color:var(--course-green-dark);font-size:.7rem}.course-roadmap-flow{position:relative;min-width:0}.course-chapter{animation:course-page-in .26s ease both}@keyframes course-page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.course-chapter-pager{display:grid;width:min(1060px,100%);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1rem;align-items:center;margin:4rem auto 7rem}.course-chapter-pager button{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr) auto;gap:.35rem .7rem;align-items:center;padding:1rem 1.15rem;border:1px solid var(--course-border);border-radius:18px;background:rgba(255,254,250,.92);color:var(--course-ink);font-family:inherit;text-align:left;cursor:pointer;box-shadow:0 10px 28px rgba(35,66,55,.06)}.course-chapter-pager button:last-of-type{text-align:right}.course-chapter-pager button small,.course-chapter-pager button strong{grid-column:2;min-width:0;overflow-wrap:anywhere}.course-chapter-pager button span{grid-row:1/3;font-size:1.25rem}.course-chapter-pager button:last-of-type span{grid-column:3}.course-chapter-pager output,.course-chapter-pager small{color:var(--course-muted)}.course-chapter-pager output{font-size:.82rem;font-weight:800;white-space:nowrap}.course-roadmap-flow:before{position:absolute;z-index:0;top:0;bottom:0;left:50%;width:2px;content:"";background:linear-gradient(var(--course-green),rgba(16,163,127,.08));transform:translateX(-50%)}.course-chapter{position:relative;z-index:1;min-width:0;scroll-margin-top:8rem}.course-chapter+.course-chapter{margin-top:6rem}.course-chapter-heading{width:min(760px,calc(100% - 1rem));min-width:0;margin:0 auto 3.5rem;padding:1.4rem clamp(1rem,4vw,2.5rem);border:1px solid color-mix(in srgb,var(--course-green) 38%,var(--course-border));border-radius:1.6rem;background:var(--course-paper);text-align:center;box-shadow:var(--course-shadow)}.course-chapter-number{display:inline-block;color:var(--course-green-dark);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.course-chapter-heading h2{margin:.35rem 0 0;font-size:clamp(1.55rem,3.5vw,2.55rem);line-height:1.2;overflow-wrap:anywhere}.course-chapter-heading p{margin:.75rem auto 0;color:var(--course-muted);font-size:clamp(.9rem,1.7vw,1.05rem);line-height:1.7;overflow-wrap:anywhere}.course-modules{display:grid;min-width:0;gap:4.5rem}.course-module{position:relative;min-width:0;scroll-margin-top:8rem}.course-module-button{display:block;width:min(680px,calc(100% - 1rem));min-width:0;margin-inline:auto;padding:0;border:0;border-radius:1.35rem;background:transparent;cursor:pointer;text-align:left}.course-module-badge{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;align-items:center;gap:.8rem;width:100%;padding:.95rem 1.15rem;border:1px solid var(--course-green-dark);border-radius:1.35rem;background:var(--course-green);color:white;box-shadow:0 14px 32px rgba(16,163,127,.2);transition:transform .18s ease,box-shadow .18s ease}.course-module-button:hover .course-module-badge,.course-module-button[aria-pressed=true] .course-module-badge{transform:translateY(-2px);box-shadow:0 18px 38px rgba(16,163,127,.28)}.course-module-badge>span:first-child{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:50%;background:rgba(255,255,255,.18);font-size:.78rem;font-weight:800}.course-module-title{min-width:0;font-size:clamp(1rem,2.4vw,1.4rem);font-weight:800;line-height:1.35;overflow-wrap:anywhere}.course-module-badge small{min-width:0;color:rgba(255,255,255,.84);font-size:clamp(.68rem,1.4vw,.78rem);font-weight:600;text-align:right;overflow-wrap:anywhere}.course-module-objective{max-width:790px;margin:1rem auto 1.6rem;padding-inline:1rem;color:var(--course-muted);font-size:clamp(.92rem,1.7vw,1.05rem);line-height:1.75;text-align:center;overflow-wrap:anywhere}.course-lesson-grid{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 5rem;padding:0 1rem}.course-lesson-card{position:relative;display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;width:100%;padding:1rem;border:1px solid var(--course-border);border-radius:1.1rem;background:var(--course-paper);color:var(--course-ink);cursor:pointer;text-align:left;box-shadow:0 8px 24px rgba(35,66,55,.06);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.course-lesson-card:before{position:absolute;top:50%;width:2.5rem;height:1px;content:"";background:color-mix(in srgb,var(--course-green) 45%,var(--course-border))}.course-lesson-card.is-left:before{right:-2.5rem}.course-lesson-card.is-right:before{left:-2.5rem}.course-lesson-card:hover,.course-lesson-card[aria-pressed=true]{border-color:var(--course-green);transform:translateY(-2px);box-shadow:0 13px 32px rgba(16,163,127,.12)}.course-lesson-number{display:grid;flex:0 0 auto;width:2.2rem;height:2.2rem;place-items:center;border-radius:50%;background:var(--course-green-soft);color:var(--course-green-dark);font-size:.72rem;font-weight:800}.course-lesson-copy{display:grid;min-width:0;gap:.25rem}.course-lesson-copy strong{min-width:0;font-size:clamp(.92rem,1.65vw,1.08rem);line-height:1.45;overflow-wrap:anywhere}.course-lesson-copy small{min-width:0;color:var(--course-muted);font-size:clamp(.75rem,1.2vw,.84rem);line-height:1.55;overflow-wrap:anywhere}.course-lesson-arrow{color:var(--course-green-dark);font-size:1.15rem}@media (max-width:900px){.course-header{align-items:flex-start}.course-brand-copy small,.course-edit-toggle span,.course-header-link span{display:none}.course-edit-toggle,.course-header-link{width:42px;padding:0}.course-lesson-grid{gap:.8rem 2rem}.course-lesson-card.is-left:before{right:-1rem;width:1rem}.course-lesson-card.is-right:before{left:-1rem;width:1rem}}@media (max-width:720px){html{scroll-padding-top:6rem}.course-header{min-height:66px;padding:.65rem .75rem}.course-brand-mark{width:2.25rem;height:2.25rem}.course-brand-copy strong{max-width:10rem}.course-header-actions{gap:.35rem}.course-edit-toggle,.course-header-link,.course-icon-button{width:38px;min-height:38px}.course-zoom .course-icon-button:first-child,.course-zoom output{display:none}.course-roadmap{width:min(100% - 1.1rem,1180px);padding-top:3.5rem}.course-introduction-grid{grid-template-columns:minmax(0,1fr)}.course-chapter-nav{justify-content:flex-start;margin-bottom:3.5rem}.course-chapter-chip{flex:1 1 14rem}.course-chapter-pager{grid-template-columns:1fr 1fr}.course-chapter-pager output{grid-column:1/-1;grid-row:1;justify-self:center}.course-roadmap-flow:before{left:1.3rem}.course-chapter-heading{text-align:left}.course-chapter-heading,.course-module-button{width:calc(100% - 2.7rem);margin-left:2.7rem}.course-module-badge{grid-template-columns:auto minmax(0,1fr)}.course-module-badge small{grid-column:2;text-align:left}.course-module-objective{margin-left:2.7rem;text-align:left}.course-lesson-grid{grid-template-columns:minmax(0,1fr);gap:.75rem;padding-left:2.7rem;padding-right:0}.course-lesson-card.is-left:before,.course-lesson-card.is-right:before,.course-lesson-card:before{left:-1.4rem;right:auto;width:1.4rem}.course-chapter+.course-chapter{margin-top:4.5rem}}@media (max-width:420px){.course-brand-copy strong{max-width:6.8rem;font-size:.75rem}.course-header-actions>.course-icon-button{display:none}.course-hero h1{font-size:clamp(2rem,13vw,3.2rem)}.course-module-badge{gap:.55rem;padding:.8rem}.course-module-badge>span:first-child{width:2rem;height:2rem}.course-lesson-card{padding:.85rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.course-lesson-card,.course-module-badge{transform:none!important}}.lesson-panel-layer{position:fixed;inset:0;z-index:90;display:grid;grid-template-columns:minmax(0,1fr) min(720px,92vw)}.lesson-panel-overlay{min-width:0;border:0;background:rgba(15,23,19,.48);cursor:default;animation:lesson-overlay-in .18s ease-out both}.lesson-detail-panel{min-width:0;height:100dvh;overflow:hidden;border-left:1px solid var(--course-border);background:var(--course-cream);box-shadow:-24px 0 80px rgba(23,33,29,.22);animation:lesson-panel-in .24s cubic-bezier(.22,1,.36,1) both}.lesson-detail-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:clamp(24px,4vw,42px);border-top:6px solid var(--course-green);border-bottom:1px solid var(--course-border);background:color-mix(in srgb,var(--course-cream) 94%,white)}.lesson-detail-header>div{min-width:0}.lesson-detail-header p{margin:0 0 10px;color:var(--course-green-dark);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lesson-detail-header h2{margin:0;color:var(--course-ink);font-size:clamp(1.6rem,3vw,2.65rem);line-height:1.18;overflow-wrap:anywhere}.lesson-detail-header span{display:block;margin-top:12px;color:var(--course-muted);font-size:1rem;line-height:1.75}.lesson-panel-close{display:grid;flex:0 0 auto;width:44px;height:44px;place-items:center;border:1px solid var(--course-border);border-radius:999px;background:white;color:var(--course-ink);cursor:pointer}.lesson-panel-close:focus-visible,.lesson-panel-close:hover{border-color:var(--course-green);color:var(--course-green-dark);outline:3px solid color-mix(in srgb,var(--course-green) 20%,transparent)}.lesson-detail-body{height:calc(100dvh - 180px);overflow-y:auto;padding:clamp(22px,4vw,42px)}.lesson-detail-group{margin-bottom:24px;overflow:hidden;border:1px solid var(--course-border);border-radius:24px;background:white;box-shadow:0 14px 36px rgba(23,33,29,.06)}.lesson-detail-group>header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--course-border);background:#f7faf8}.lesson-detail-group>header>span{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:12px;background:var(--course-green-soft);color:var(--course-green-dark)}.lesson-detail-group h3{min-width:0;margin:0;color:var(--course-ink);font-size:clamp(1.05rem,2vw,1.32rem);overflow-wrap:anywhere}.lesson-detail-group ol{display:grid;gap:12px;margin:0;padding:18px;list-style:none}.lesson-detail-group li{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:flex-start;min-width:0;padding:16px;border:1px solid #e6ebe8;border-radius:16px;background:#fff}.lesson-detail-group li.is-editable{cursor:text}.lesson-detail-group li.is-editable:hover{border-color:var(--course-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--course-green) 12%,transparent)}.lesson-detail-group li.is-editable.is-selected{border-color:var(--course-green-dark);background:var(--course-green-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--course-green) 18%,transparent)}.lesson-item-number{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--course-green-soft);color:var(--course-green-dark);font-size:.78rem;font-weight:800}.lesson-detail-group li p{min-width:0;margin:3px 0 0;color:#33433c;font-size:clamp(1rem,1.6vw,1.1rem);line-height:1.78;overflow-wrap:anywhere;white-space:pre-wrap}.lesson-detail-group li p mark{padding:.05em .18em;border-radius:.25em;background:var(--course-highlight);color:inherit}.lesson-inline-bullet{margin-right:.45em;color:var(--course-green-dark);font-weight:800}.lesson-item-edit-icon{margin-top:8px;color:var(--course-green-dark)}.course-inline-editor{position:fixed;z-index:110;right:clamp(12px,3vw,40px);bottom:clamp(12px,3vw,32px);display:grid;width:min(620px,calc(100vw - 24px));gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--course-green) 45%,var(--course-border));border-radius:18px;background:var(--course-paper);box-shadow:0 22px 72px rgba(23,33,29,.24)}.course-editor-toolbar{display:flex;align-items:center;gap:6px}.course-editor-toolbar button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--course-border);border-radius:10px;background:white;color:var(--course-ink);cursor:pointer}.course-editor-toolbar button:hover:not(:disabled){border-color:var(--course-green);color:var(--course-green-dark)}.course-editor-toolbar button.is-primary{border-color:var(--course-green);background:var(--course-green);color:white}.course-editor-toolbar button:disabled{cursor:wait;opacity:.5}.course-editor-toolbar-spacer{flex:1}.course-inline-editor textarea{width:100%;min-height:180px;max-height:42vh;resize:vertical;padding:14px;border:1px solid var(--course-border);border-radius:12px;background:white;color:var(--course-ink);font:500 1rem/1.7 var(--font-be-vietnam-pro),sans-serif}.course-editor-error,.course-editor-source{margin:0;font-size:.78rem}.course-editor-label{color:var(--course-ink);font-size:.86rem}.course-editable-text{position:relative;display:inline-flex;min-width:0;align-items:baseline;gap:.35em;padding:.08em .22em;border-radius:.35em;cursor:text;outline:1px dashed color-mix(in srgb,var(--course-green) 50%,transparent);overflow-wrap:anywhere}.course-editable-text:focus-visible,.course-editable-text:hover{background:var(--course-green-soft);outline:2px solid var(--course-green)}.course-editable-text>svg{flex:0 0 auto;color:var(--course-green-dark)}.lesson-content-image{min-width:0;margin:0;overflow:hidden;border:1px solid var(--course-border);border-radius:14px;background:white}.lesson-content-image img{display:block;width:100%;max-height:520px;-o-object-fit:contain;object-fit:contain}.lesson-content-image figcaption,.lesson-content-image.is-loading{padding:10px 12px;color:var(--course-muted);font-size:.86rem}.course-editor-source{color:var(--course-muted)}.course-editor-error{color:var(--course-danger);font-weight:700}.course-edit-conflict{position:fixed;z-index:120;right:24px;top:92px;display:grid;width:min(410px,calc(100vw - 32px));gap:8px;padding:18px;border:1px solid #e6b65b;border-radius:16px;background:#fff8e8;color:var(--course-ink);box-shadow:var(--course-shadow)}.course-edit-conflict span{color:var(--course-muted);font-size:.88rem}.course-edit-conflict div{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.course-edit-conflict button{padding:9px 12px;border:1px solid var(--course-border);border-radius:10px;background:white;cursor:pointer;font-size:.8rem;font-weight:700}.lesson-detail-group.is-examples,.lesson-detail-group.is-purpose{border-color:color-mix(in srgb,var(--course-green) 32%,var(--course-border))}.lesson-detail-group.is-examples>header,.lesson-detail-group.is-purpose>header{background:var(--course-green-soft)}.lesson-detail-group.is-mistakes{border-color:#ead8b4}.lesson-detail-group.is-mistakes>header{background:#fff8e8}.lesson-detail-group.is-mistakes>header>span{background:#fce9bd;color:#875900}.lesson-detail-group.is-assignment>header{background:#eef4ff}.lesson-detail-group.is-assignment>header>span{background:#dce8ff;color:#315ca8}.lesson-source-details{margin:6px 0 36px;border:1px dashed var(--course-border);border-radius:18px;background:rgba(255,255,255,.65)}.lesson-source-details summary{padding:16px 18px;color:var(--course-muted);font-weight:700;cursor:pointer}.lesson-source-details ul{display:grid;gap:10px;margin:0;padding:0 18px 18px;list-style:none}.lesson-source-details li{display:flex;justify-content:space-between;gap:16px;min-width:0;color:var(--course-muted);font-size:.86rem}.lesson-source-details strong{min-width:0;color:var(--course-ink);overflow-wrap:anywhere}@keyframes lesson-panel-in{0%{opacity:0;transform:translateX(36px)}to{opacity:1;transform:translateX(0)}}@keyframes lesson-overlay-in{0%{opacity:0}to{opacity:1}}@media (max-width:720px){.lesson-panel-layer{display:block}.lesson-panel-overlay{position:absolute;inset:0;width:100%}.lesson-detail-panel{position:absolute;inset:4vh 0 0;height:96dvh;border-top:1px solid var(--course-border);border-left:0;border-radius:24px 24px 0 0}.lesson-detail-header{padding:22px 20px}.lesson-detail-body{height:calc(96dvh - 170px);padding:18px}.lesson-detail-group li{grid-template-columns:32px minmax(0,1fr) auto;padding:14px 12px}.course-inline-editor{right:8px;bottom:8px;width:calc(100vw - 16px)}.course-inline-editor textarea{min-height:140px}.course-edit-conflict{right:12px;top:78px}}@media (prefers-reduced-motion:reduce){.course-chapter,.lesson-detail-panel,.lesson-panel-overlay{animation:none}.course-chapter-chip,.course-chapter-pager button{transition:none}.course-tool-loading-bar,.course-tool-loading-copy,.course-tool-loading-grid span,.course-tool-loading-heading,.course-tool-page{animation:none}}.course-tool-page{min-height:100vh;padding:clamp(24px,5vw,64px);background:radial-gradient(circle at 10% 0,rgba(16,163,127,.12),transparent 32%),var(--course-cream);color:var(--course-ink);animation:course-tool-page-in .22s ease both}@keyframes course-tool-page-in{0%{opacity:0}to{opacity:1}}.course-tool-navigation{position:sticky;z-index:40;top:16px;width:min(1180px,100%);justify-content:space-between;gap:18px;margin:0 auto 48px;padding:10px 12px;border:1px solid rgba(16,163,127,.18);border-radius:20px;background:rgba(255,254,250,.9);box-shadow:0 14px 40px rgba(23,33,29,.08)}.course-tool-brand,.course-tool-navigation,.course-tool-navigation>div,.course-tool-navigation>div a{display:flex;align-items:center}.course-tool-brand{min-width:0;gap:10px;color:var(--course-ink)}.course-tool-brand>span{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--course-green);color:white;font-family:Georgia,serif;font-weight:800}.course-tool-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-tool-navigation>div{gap:6px}.course-tool-navigation>div a{gap:7px;min-height:40px;padding:0 12px;border-radius:12px;color:var(--course-muted);font-size:.86rem;font-weight:750;transition:background .15s ease,color .15s ease,transform .15s ease}.course-tool-navigation>div a:focus-visible,.course-tool-navigation>div a:hover{background:var(--course-green-soft);color:var(--course-green-dark);outline:none}.course-tool-navigation>div a[aria-current=page]{background:var(--course-green);color:white;box-shadow:0 8px 22px rgba(16,163,127,.2)}.course-tool-loading{display:grid;align-content:start;gap:20px}.course-tool-loading-bar,.course-tool-loading-copy,.course-tool-loading-grid span,.course-tool-loading-heading{border-radius:18px;background:linear-gradient(90deg,rgba(16,163,127,.08),rgba(255,255,255,.9),rgba(16,163,127,.08));background-size:220% 100%;animation:course-loading-shimmer 1.2s linear infinite}.course-tool-loading-bar{width:min(1180px,100%);height:64px;margin-inline:auto}.course-tool-loading-heading{width:min(620px,80%);height:72px;margin:40px auto 0}.course-tool-loading-copy{width:min(760px,90%);height:32px;margin-inline:auto}.course-tool-loading-grid{display:grid;width:min(1180px,100%);grid-template-columns:repeat(3,1fr);gap:20px;margin:20px auto 0}.course-tool-loading-grid span{min-height:220px}@keyframes course-loading-shimmer{to{background-position:-220% 0}}.course-note-layer{position:absolute;inset:0;z-index:70;pointer-events:none}.course-note-layer>*{pointer-events:auto}.course-add-note{position:fixed;right:28px;bottom:28px;z-index:82;display:grid;width:54px;height:54px;place-items:center;border:1px solid color-mix(in srgb,var(--course-green) 72%,black);border-radius:18px;background:var(--course-green);color:white;box-shadow:0 16px 40px rgba(16,163,127,.3);cursor:pointer}.course-add-note:focus-visible,.course-add-note:hover{transform:translateY(-2px);outline:3px solid color-mix(in srgb,var(--course-green) 20%,transparent)}.course-add-note:disabled{cursor:wait;opacity:.55}.appendix-grid,.assignment-grid,.course-tool-page-header{width:min(1180px,100%);margin-inline:auto}.course-tool-page-header>a{display:inline-flex;margin-bottom:30px;font-weight:700}.course-tool-page-header>a,.course-tool-page-header>span{align-items:center;gap:8px;color:var(--course-green-dark)}.course-tool-page-header>span{display:flex;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.course-tool-page-header h1{margin:12px 0 0;font-size:clamp(2rem,5vw,4.4rem);line-height:1.08}.course-tool-page-header>p{max-width:720px;margin:16px 0 0;color:var(--course-muted);font-size:clamp(1rem,2vw,1.2rem);line-height:1.8}.appendix-grid,.assignment-grid{display:grid;gap:22px;margin-top:42px}.assignment-edit-toggle{display:grid;flex:0 0 auto;width:40px;height:40px;place-items:center;border:1px solid var(--course-border);border-radius:12px;background:white;color:var(--course-green-dark);cursor:pointer}.assignment-edit-fields{display:flex;flex-wrap:wrap;gap:8px;padding:14px;border:1px dashed var(--course-green);border-radius:14px;background:var(--course-green-soft)}.assignment-edit-fields button,.assignment-edit-fields select{padding:9px 11px;border:1px solid var(--course-border);border-radius:10px;background:white;color:var(--course-ink);cursor:pointer;font:inherit}.assignment-edit-fields label{display:flex;align-items:center;gap:8px;color:var(--course-muted);font-size:.82rem;font-weight:700}.appendix-card,.assignment-card{overflow:hidden;border:1px solid var(--course-border);border-radius:26px;background:white;box-shadow:0 18px 50px rgba(23,33,29,.07)}.appendix-card>header,.assignment-card>header{display:flex;align-items:flex-start;gap:16px;padding:24px;border-bottom:1px solid var(--course-border);background:#f7faf8}.appendix-card>header>span,.assignment-card>header>span{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border-radius:14px;background:var(--course-green);color:white;font-weight:800}.appendix-card header h2,.assignment-card header div{min-width:0}.assignment-card header p{margin:0 0 6px;color:var(--course-green-dark);font-size:.8rem;font-weight:800;text-transform:uppercase}.appendix-card h2,.assignment-card h2{margin:0;font-size:clamp(1.2rem,3vw,1.7rem);overflow-wrap:anywhere}.assignment-actions{display:flex;flex-wrap:wrap;gap:12px;padding:20px 24px}.assignment-actions button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border:1px solid var(--course-border);border-radius:12px;background:white;color:var(--course-ink);font-weight:750;cursor:pointer}.assignment-actions button:first-child{border-color:var(--course-green);background:var(--course-green);color:white}.appendix-card details,.assignment-card details{margin:0 24px 24px;border:1px dashed var(--course-border);border-radius:16px;background:var(--course-cream)}.appendix-card summary,.assignment-card summary{padding:14px 16px;font-weight:700;cursor:pointer}.assignment-preview{padding:0 16px 18px;color:#33433c;line-height:1.75;white-space:pre-wrap}.appendix-card>div{display:grid;gap:14px;padding:22px 24px}.appendix-card details p,.appendix-card>div p{margin:0;color:#33433c;line-height:1.75;overflow-wrap:anywhere;white-space:pre-wrap}.appendix-content{display:grid;gap:14px}.appendix-section{padding:16px;border:1px solid var(--course-border);border-radius:16px;background:rgba(255,255,255,.72)}.appendix-section h3{margin:0 0 8px;color:var(--course-green-dark);font-size:1.05rem}.appendix-section p{margin:0}.history-list{display:grid;gap:18px;width:min(1180px,100%);margin:42px auto 0}.history-card{overflow:hidden;border:1px solid var(--course-border);border-radius:22px;background:white;box-shadow:0 14px 40px rgba(23,33,29,.06)}.history-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--course-border);background:#f7faf8}.history-card>header>span{color:var(--course-green-dark);font-weight:800}.history-card header div{min-width:0}.history-card header small,.history-card header strong{display:block;overflow-wrap:anywhere}.history-card header small{margin-top:4px;color:var(--course-muted)}.history-action button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--course-green);border-radius:12px;background:var(--course-green);color:white;font-weight:700;cursor:pointer}.history-action small{max-width:260px;margin-top:6px;color:#a33}.history-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 20px}.history-diff p{min-width:0;margin:0;padding:14px;border:1px solid var(--course-border);border-radius:14px;color:#425149;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.history-diff b{display:block;margin-bottom:6px;color:var(--course-ink)}.history-card footer{padding:0 20px 18px;color:var(--course-muted);font-size:.8rem;overflow-wrap:anywhere}.history-empty{padding:28px;border:1px dashed var(--course-border);border-radius:18px;text-align:center;color:var(--course-muted)}@media (max-width:720px){.course-tool-page{padding:14px}.course-tool-navigation{top:8px;margin-bottom:36px}.course-tool-brand strong,.course-tool-navigation>div a span{display:none}.course-tool-navigation>div a{width:40px;justify-content:center;padding:0}.course-tool-loading-grid,.history-card>header,.history-diff{grid-template-columns:1fr}}.appendix-card details p{padding:0 16px 16px;color:var(--course-muted);font-size:.86rem}.placeholder\:text-slate-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.placeholder\:text-slate-500::placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:border-cyan-300\/30:hover{border-color:rgb(103 232 249/.3)}.hover\:border-rose-200:hover{--tw-border-opacity:1;border-color:rgb(254 205 211/var(--tw-border-opacity,1))}.hover\:bg-black\/10:hover{background-color:rgb(0 0 0/.1)}.hover\:bg-cyan-300\/15:hover{background-color:rgb(103 232 249/.15)}.hover\:bg-rose-100:hover{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.hover\:text-rose-500:hover{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_28px_90px_rgba\(251\2c 191\2c 36\2c 0\.22\)\]:hover{--tw-shadow:0 28px 90px rgba(251,191,36,0.22);--tw-shadow-colored:0 28px 90px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-cyan-300\/45:focus{border-color:rgb(103 232 249/.45)}.focus\:ring-cyan-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 211 238/var(--tw-ring-opacity,1))}.active\:translate-y-0:active{--tw-translate-y:0px}.active\:translate-y-0:active,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:text-rose-100{--tw-text-opacity:1;color:rgb(255 228 230/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:768px){.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_280px\]{grid-template-columns:minmax(0,1fr) 280px}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_320px\]{grid-template-columns:minmax(0,1fr) 320px}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_470px\]{grid-template-columns:minmax(0,1fr) 470px}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:text-7xl{font-size:4.5rem;line-height:1}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-\[320px_minmax\(0\2c 1fr\)\]{grid-template-columns:320px minmax(0,1fr)}.xl\:grid-cols-\[minmax\(0\2c 1fr\)_340px\]{grid-template-columns:minmax(0,1fr) 340px}.xl\:grid-cols-\[minmax\(0\2c 1fr\)_360px\]{grid-template-columns:minmax(0,1fr) 360px}}