@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/53e45098eac42afb-s.p.0l2qk94b1u89y.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85ea1b3aadcead52-s.01rdcbu-77uoy.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-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(../media/3c285486269019b7-s.p.0sn2213rkw2e_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/625a092f804baad3-s.p.0mrp_qm_8jqq_.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6afabefbb32d7517-s.05-22z7vt.jl1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-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(../media/a4f4f75ad654963f-s.p.0h6jagi-ln9qy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a3bcb02a0e9e5d11-s.p.0p40-daftjh_g.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b35fd19aef91b293-s.07en.a1_ufzzv.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-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(../media/8f46d218c8f79e34-s.p.0xhl7b6zs4.~j.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8ffc259da9d23054-s.p.0b_.2~bprftx..woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9e486ba39c38fb8a-s.0qxf2_hlpbci0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-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(../media/6f42e0a3b0519c4d-s.p.0czffigx~77c..woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fcf129058e6e31f2-s.p.0k.rt6-fab6y0.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7b74840ea7c05e95-s.08-6qa~ryw15i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-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(../media/3eca85881bcfa204-s.p.09gf3ff1ir7gl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../media/72a16e137f4c90fd-s.p.0hcgqcjesy-sc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../media/ac83d56547af7957-s.0lv7uah0r4ggt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../media/00ea0ef410d3b1a3-s.p.0-9k.f54zhy35.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro Fallback;src:local(Arial);ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:110.36%}.be_vietnam_pro_da8f7206-module__pmOpaW__className{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.be_vietnam_pro_da8f7206-module__pmOpaW__variable{--font-be-vietnam-pro:"Be Vietnam Pro", "Be Vietnam Pro Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--color-amber-500:#f99c00;--color-emerald-500:#00bb7f;--color-sky-500:#00a5ef;--color-violet-500:#8d54ff;--color-rose-500:#ff2357;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-be-vietnam-pro);--default-mono-font-family:var(--font-be-vietnam-pro)}@supports (color:lab(0% 0 0)){:root,:host{--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-emerald-500:lab(66.9756% -58.27 19.5419);--color-sky-500:lab(63.3038% -18.433 -51.0407);--color-violet-500:lab(49.9355% 55.1776 -81.8963);--color-rose-500:lab(56.101% 79.4328 31.4532)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.inset-x-5{inset-inline:calc(var(--spacing) * 5)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\/2{top:50%}.top-8{top:calc(var(--spacing) * 8)}.top-10{top:calc(var(--spacing) * 10)}.right-8{right:calc(var(--spacing) * 8)}.right-10{right:calc(var(--spacing) * 10)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-10{bottom:calc(var(--spacing) * 10)}.left-1\/2{left:50%}.left-8{left:calc(var(--spacing) * 8)}.left-10{left:calc(var(--spacing) * 10)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-28{height:calc(var(--spacing) * 28)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-\[180px\]{min-height:180px}.min-h-\[220px\]{min-height:220px}.min-h-\[320px\]{min-height:320px}.min-h-\[360px\]{min-height:360px}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-md{max-width:var(--container-md)}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#009d76\]{border-color:#009d76}.border-\[\#123f35\]{border-color:#123f35}.border-\[\#6944c2\]{border-color:#6944c2}.border-\[\#a8eccf\]{border-color:#a8eccf}.border-\[\#cad9d4\]{border-color:#cad9d4}.border-\[\#cfc6bb\]{border-color:#cfc6bb}.border-\[\#d8d1c6\]{border-color:#d8d1c6}.border-\[\#d9c7ff\]{border-color:#d9c7ff}.border-\[\#e85d2a\]{border-color:#e85d2a}.border-white\/12{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.border-white\/12{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-\[\#0d241f\]\/90{background-color:#0d241fe6;background-color:lab(12.2041% -10.7097 .422075/.9)}.bg-\[\#0f3d32\]{background-color:#0f3d32}.bg-\[\#009d76\]{background-color:#009d76}.bg-\[\#123f35\]{background-color:#123f35}.bg-\[\#163f36\]{background-color:#163f36}.bg-\[\#12100f\]{background-color:#12100f}.bg-\[\#12372f\]{background-color:#12372f}.bg-\[\#d9f8ed\]{background-color:#d9f8ed}.bg-\[\#eee7ff\]{background-color:#eee7ff}.bg-\[\#eef2f2\]{background-color:#eef2f2}.bg-\[\#f2efe7\]{background-color:#f2efe7}.bg-\[\#f4fffa\]{background-color:#f4fffa}.bg-\[\#f6fbf9\]{background-color:#f6fbf9}.bg-\[\#f7f4ef\]{background-color:#f7f4ef}.bg-\[\#fbf8ff\]{background-color:#fbf8ff}.bg-\[\#fbfaf7\]{background-color:#fbfaf7}.bg-\[\#ffb000\]{background-color:#ffb000}.bg-\[\#ffe4db\]{background-color:#ffe4db}.bg-\[\#fff6d9\]{background-color:#fff6d9}.bg-amber-500{background-color:var(--color-amber-500)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-white{background-color:var(--color-white)}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/8{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#0c513f\]{color:#0c513f}.text-\[\#0f8f70\]{color:#0f8f70}.text-\[\#4f5b55\]{color:#4f5b55}.text-\[\#5b2fc0\]{color:#5b2fc0}.text-\[\#5c554e\]{color:#5c554e}.text-\[\#6a6259\]{color:#6a6259}.text-\[\#6b4d00\]{color:#6b4d00}.text-\[\#007a5a\]{color:#007a5a}.text-\[\#7ae4c8\]{color:#7ae4c8}.text-\[\#7b2b17\]{color:#7b2b17}.text-\[\#625c55\]{color:#625c55}.text-\[\#6944c2\]{color:#6944c2}.text-\[\#15201c\]{color:#15201c}.text-\[\#27322e\]{color:#27322e}.text-\[\#30423c\]{color:#30423c}.text-\[\#66716c\]{color:#66716c}.text-\[\#172019\]{color:#172019}.text-\[\#b8f1dc\]{color:#b8f1dc}.text-\[\#d7f6eb\]{color:#d7f6eb}.text-\[\#e85d2a\]{color:#e85d2a}.text-\[\#ffb000\]{color:#ffb000}.text-\[\#ffce52\]{color:#ffce52}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-\[\#009d76\]{accent-color:#009d76}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_3px_0_\#07513f\]{--tw-shadow:0 3px 0 var(--tw-shadow-color,#07513f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_0_\#9b6a00\]{--tw-shadow:0 4px 0 var(--tw-shadow-color,#9b6a00);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[5px_5px_0_\#123f35\]{--tw-shadow:5px 5px 0 var(--tw-shadow-color,#123f35);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[6px_6px_0_\#123f35\]{--tw-shadow:6px 6px 0 var(--tw-shadow-color,#123f35);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.grayscale{--tw-grayscale:grayscale(100%);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);-webkit-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-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.group-hover\:bg-\[\#ff2b70\]:is(:where(.group):hover *){background-color:#ff2b70}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[\#123f35\]:hover{border-color:#123f35}.hover\:border-\[\#6944c2\]:hover{border-color:#6944c2}.hover\:bg-\[\#1b4b40\]:hover{background-color:#1b4b40}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:48rem){.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-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:py-10{padding-block:calc(var(--spacing) * 10)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--background:#fbfaf3;--foreground:#173f3b;--deep:#0b3d36;--deep-2:#174f45;--line:#173f3b;--muted:#687d79;--gold:#ffb11f;--paper:#fffefa;--mint:#eafff5;--rose:#fff0f5;--sky:#eefaff}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth}body{color:var(--foreground);background:linear-gradient(#173f3b09 1px, transparent 1px), linear-gradient(90deg, #173f3b08 1px, transparent 1px), var(--background);font-family:var(--font-be-vietnam-pro), Arial, Helvetica, sans-serif;text-rendering:optimizelegibility;background-size:28px 28px;margin:0}button,input{font:inherit}button{cursor:pointer;min-height:44px}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}img{display:block}::selection{color:#15201c;background:#ffce52}.app-shell{background:radial-gradient(circle at 82% 4%,#14b8a61a,#0000 28%),radial-gradient(circle at 18% 92%,#ffb11f1c,#0000 30%);min-height:100vh;display:flex}.side-panel{color:#e7fbf4;background:linear-gradient(180deg, #ffffff0a, transparent 22%), var(--deep);border-right:4px solid #092d29;width:284px;height:100vh;padding:16px 14px;position:sticky;top:0;overflow-y:auto}.center-label{color:#7dbcae;text-align:center;letter-spacing:.08em;margin:-4px 0 10px;font-size:10px;font-weight:950}.mini-stats{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.mini-stats div{background:#00000029;border:1px solid #ffffff1c;border-radius:8px;padding:10px 12px}.mini-stats span,.side-footer span{color:#9ed3c6;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.mini-stats b{color:#fff8cf;margin-top:2px;font-size:14px;display:block}.main-menu,.side-footer button{color:#123c35;text-transform:uppercase;background:linear-gradient(#ffc94f,#ff9f1c);border:2px solid #f5a609;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:13px;font-weight:950;display:flex;box-shadow:0 4px #93631a}.main-menu{min-height:44px}.side-group{margin-top:18px}.side-group p{color:#9ed3c6;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:950}.side-group button,.side-group a{color:#e9fff4;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;width:100%;margin:5px 0;padding:9px 8px;font-size:12px;font-weight:800;display:grid}.side-group i{text-align:center;font-style:normal}.side-group button:hover,.side-group button.active,.side-group a:hover,.side-group a.active{color:#123c35;background:#fff8cf;border-color:#fff4b9}.side-group em{color:#082d28;background:var(--gold);border-radius:999px;padding:2px 6px;font-size:9px;font-style:normal;font-weight:950}.side-group em.red{color:#fff;background:#c93645}.side-group em.green{color:#042f28;background:#31d694}.side-group em.gold{color:#0e2f29;background:#ffc239}.side-footer{border-top:1px solid #ffffff1f;margin-top:28px;padding-top:18px}.side-footer button{min-height:40px;margin-top:8px;padding:9px;font-size:11px}.workspace{flex:1;min-width:0}.topbar{z-index:20;border-bottom:3px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfaf3eb;justify-content:space-between;align-items:center;min-height:72px;padding:12px 32px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand img{border-radius:10px}.brand b{color:var(--deep);text-transform:uppercase;font-size:18px;font-weight:950;display:block}.brand span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:850;display:block}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.top-actions button,.top-actions span{min-height:40px;color:var(--deep);background:#fffdf4;border:2px solid #173f3b38;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:950;display:inline-flex}.top-actions button:first-child{color:#fff;background:linear-gradient(#12a278,#08705f);border-color:#0b6c5c}.top-actions span{color:#b33336;background:#fff3ee}.content{max-width:1500px;margin:0 auto;padding:28px 32px 48px}.stack{flex-direction:column;gap:22px;display:flex}.view-screen{display:none}.view-screen.is-visible{display:block}.view-screen.is-visible>.stack,.view-screen.is-visible>.tutor-panel{animation:.18s ease-out viewIn}@keyframes viewIn{0%{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero{color:#fff;border:4px solid var(--line);background:linear-gradient(135deg, #ffffff14, transparent 28%), var(--deep-2);border-radius:18px;padding:34px 36px;overflow:hidden;box-shadow:inset -7px -7px #00000024}.hero.compact{min-height:128px}.hero h1{color:#fff;max-width:900px;margin:10px 0 8px;font-size:clamp(30px,4vw,52px);font-weight:950;line-height:1.06}.hero p{color:#d9eee8;max-width:980px;margin:0;font-size:15px;font-weight:650;line-height:1.7}.hero-tag{color:#1c352e;text-transform:uppercase;background:#ffc239;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:950;display:inline-flex}.tense-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.era-card,.mindmap-panel,.notebook,.tutor-panel,.quiz-card{border:4px solid var(--line);background:#ffffffc7;border-radius:18px;box-shadow:8px 8px #0d3f3824}.era-card{padding:20px}.era-card.mint{background:linear-gradient(135deg,#eafff5,#fbfffb)}.era-card.rose{background:linear-gradient(135deg,#fff0f5,snow)}.era-card.sky{background:linear-gradient(135deg,#effbff,#fbfdff)}.era-title{align-items:center;gap:12px;margin-bottom:18px;display:flex}.era-title>strong{color:#fff;border:3px solid var(--line);background:#0aa46f;border-radius:50%;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.era-title h2{color:var(--deep);margin:0;font-size:20px;font-weight:950;line-height:1.05}.era-title span{color:#55706a;text-transform:uppercase;font-size:11px;font-weight:900}.tense-list{gap:12px;display:grid}.tense-list button{width:100%;min-height:66px;color:var(--deep);text-align:left;border:3px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid;box-shadow:4px 4px #173f3b2e}.tense-list button:hover,.tense-list button.active,.vocab-node:hover,.vocab-node.active{transform:translateY(-2px);box-shadow:5px 6px #173f3b3d}.tense-list button>b{color:#0b5d51;background:#d8fff0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.tense-list strong,.tense-list small{display:block}.tense-list strong{font-size:13px;font-weight:950}.tense-list small{color:#7b8c88;margin-top:2px;font-size:10px;font-weight:800}.tense-list em{color:#5a665f;background:#f5f5ee;border-radius:8px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:950}.detail-strip,.tip-line,.quiz-head,.dashboard-grid button{border:3px solid var(--line);background:#fffdf1;border-radius:14px;align-items:center;gap:14px;display:flex}.detail-strip{flex-wrap:wrap;justify-content:center;align-self:center;max-width:760px;padding:16px 20px}.detail-strip div{min-width:210px}.detail-strip span,.quiz-head span,.dashboard-grid span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:950;display:block}.detail-strip b,.dashboard-grid b{color:var(--deep);font-size:18px;font-weight:950;display:block}.detail-strip small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:750;display:block}.detail-strip button,.quiz-head button,.chat-head button,.chat-input button{color:#fff;background:linear-gradient(#11a47a,#08705f);border:2px solid #0b5e53;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:950;display:inline-flex}.tab-rail{border:3px solid var(--line);background:#fff;border-radius:14px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.tab-rail button{color:var(--deep);text-transform:uppercase;background:0 0;border:0;border-radius:10px;padding:0 16px;font-size:12px;font-weight:950}.tab-rail button.active{color:#fff;background:#0d5148}.mindmap-panel{background-color:#fffefa;background-image:linear-gradient(#173f3b06 1px,#0000 1px),linear-gradient(90deg,#173f3b06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;padding:24px}.panel-heading,.sheet-bar,.chat-head{color:var(--deep);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:950;display:flex}.panel-heading span{color:var(--muted);font-size:11px}.mindmap-root{color:#fff;text-align:center;border:3px solid var(--line);background:linear-gradient(#0d6b5c,#0b463e);border-radius:12px;width:min(260px,100%);margin:34px auto 24px;padding:14px;box-shadow:6px 6px #ffb11fe6}.mindmap-root span,.mindmap-root b{display:block}.mindmap-root span{color:#ffd772;text-transform:uppercase;font-size:11px;font-weight:950}.mindmap-root b{margin-top:2px;font-size:18px}.node-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.vocab-node{min-height:92px;color:var(--deep);text-align:left;background:#fff;border:3px solid #173f3be0;border-radius:12px;padding:14px;transition:transform .15s,box-shadow .15s;box-shadow:4px 4px #173f3b2e}.vocab-node b,.vocab-node span{display:block}.vocab-node b{font-size:14px;font-weight:950}.vocab-node span{opacity:.74;margin-top:5px;font-size:12px;font-weight:850}.vocab-node em{color:#112f2b;background:#ffc239;border-radius:999px;margin-top:9px;padding:3px 8px;font-size:10px;font-style:normal;font-weight:950;display:inline-block}.tone-0{color:#fff;background:linear-gradient(135deg,#2267ff,#5b2dec)}.tone-1{background:#f0f8ff}.tone-2{background:#fffaf0}.tone-3{background:#edfff5}.tone-4{background:#fff1f1}.tip-line{color:#0c6557;background:#f0fffb;margin-top:22px;padding:13px 16px;font-size:13px;font-weight:750}.notebook{background-color:#fffdfa;background-image:linear-gradient(#173f3b08 1px,#0000 1px),linear-gradient(90deg,#173f3b08 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;padding:26px}.sheet-bar{border-bottom:2px dashed #173f3b38;padding-bottom:16px}.sheet-bar button{min-height:34px;color:var(--deep);background:#fff7d9;border:1px solid #f3cf76;border-radius:999px;padding:0 10px;font-size:11px;font-weight:900}.notebook h2{color:#f03b64;text-transform:uppercase;text-shadow:3px 3px #79d6ff,6px 6px #ffc107a6;margin:24px 0;font-size:clamp(34px,6vw,56px);font-weight:950;line-height:.95}.lesson-block,.compare,.flow-board{background:#ffffffb8;border:2px dashed #173f3b33;border-radius:14px;margin-top:18px;padding:18px}.lesson-block h3,.compare h3,.flow-board h3{color:var(--deep);margin:0 0 12px;font-size:17px;font-weight:950}.lesson-block p{margin:0;font-size:16px;font-weight:750;line-height:1.8}mark{color:#146c64;background:#dff7ff;border-radius:6px;padding:3px 7px}.compare-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.compare.good{background:#ecfff7;border-color:#7be6c4}.compare.bad{background:#fff5f6;border-color:#f3b7c0}.compare p{color:var(--muted);margin:0 0 14px;font-size:13px;font-weight:800}.compare div{background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.compare span{background:#f5f5ee;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:950}.compare button{background:#e7fbf4;border:0;border-radius:9px;width:38px;min-height:38px;margin-left:auto}.flow-row{grid-template-columns:minmax(160px,260px) 32px 1fr;align-items:center;gap:18px;display:grid}.flow-source{color:#fff;text-align:center;border:3px solid var(--line);background:linear-gradient(#0f7164,#0a443d);border-radius:12px;padding:22px;font-size:18px;font-weight:950}.flow-source small{color:#c9fff0;font-size:12px}.arrow{text-align:center;font-size:30px;font-weight:950}.flow-target{background:#effff7b8;border:2px dashed #69dabb;border-radius:14px;grid-template-columns:1fr 1fr;gap:10px;padding:16px;display:grid}.flow-target div{background:#fff;border:2px solid #173f3b4d;border-radius:8px;padding:12px}.flow-target div:last-child{grid-column:1/-1}.flow-target b,.flow-target span{font-size:12px;font-weight:900;display:block}.flow-target span{color:var(--muted);margin-top:5px}.flash-grid,.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.flash-card{perspective:1000px;background:0 0;border:0;min-height:230px;padding:0}.flash-card>div{width:100%;min-height:230px;transform-style:preserve-3d;transition:transform .4s;position:relative}.flash-card>div.flipped{transform:rotateY(180deg)}.flash-card .front,.flash-card .back{text-align:center;backface-visibility:hidden;border:4px solid var(--line);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0;box-shadow:7px 7px #173f3b24}.flash-card .front{color:var(--deep);background:linear-gradient(135deg,#fffdf4,#e9fff4)}.flash-card .back{color:#fff;background:linear-gradient(135deg,#0d6b5c,#173f3b);transform:rotateY(180deg)}.flash-card b{font-size:20px;font-weight:950}.flash-card span{font-size:13px;font-weight:750;line-height:1.6}.quiz-head{justify-content:space-between;padding:20px}.quiz-head h1{color:var(--deep);margin:4px 0 0;font-size:26px;font-weight:950}.quiz-list{gap:16px;display:grid}.quiz-card{background:#fffefa;padding:18px}.quiz-card h2{color:var(--deep);margin:0 0 14px;font-size:18px;font-weight:950}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.answer-grid button{color:var(--deep);text-align:left;background:#fff;border:2px solid #d9e9e3;border-radius:10px;padding:12px;font-size:13px;font-weight:850}.answer-grid button.correct{background:#e8fff4;border-color:#0f9f73}.answer-grid button.wrong{background:#fff0f3;border-color:#dc4565}.explain{color:#745514;background:#fff6d8;border-radius:10px;margin:12px 0 0;padding:12px;font-size:13px;font-weight:800;line-height:1.6}.dashboard-grid button{color:var(--deep);text-align:left;flex-direction:column;align-items:flex-start;padding:20px}.dashboard-grid b{font-size:26px}.system-grid,.feature-grid,.cefr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.system-grid article,.feature-grid article,.cefr-grid article,.word-lab,.ai-workbench,.graph-board,.ipa-grid button{border:4px solid var(--line);background:#ffffffd1;border-radius:16px;box-shadow:7px 7px #173f3b1f}.system-grid article,.feature-grid article,.cefr-grid article{padding:18px}.system-grid h3,.feature-grid h3,.cefr-grid h3{color:var(--deep);margin:0;font-size:18px;font-weight:950}.system-grid p,.feature-grid p,.cefr-grid span,.word-lab p,.ai-output p{color:var(--muted);font-size:13px;font-weight:750;line-height:1.65}.system-grid div{gap:8px;margin-top:14px;display:grid}.system-grid button,.feature-grid button,.word-lab button,.ai-workbench button{min-height:38px;color:var(--deep);text-align:left;background:#fff;border:2px solid #d8e6e1;border-radius:10px;padding:0 12px;font-size:12px;font-weight:900}.feature-grid article>span{color:#fff;background:#0d6b5c;border-radius:999px;place-items:center;width:38px;height:38px;margin-bottom:14px;font-size:12px;font-weight:950;display:grid}.feature-grid.progress-mode article{background:linear-gradient(135deg,#f0fffb,#fffefa)}.feature-grid.formula-mode article{background:linear-gradient(135deg,#fff8e2,#fffefa)}.feature-grid.game-mode article{background:linear-gradient(135deg,#eefaff,#fffefa)}.cefr-grid article{background:linear-gradient(135deg,#eafff5,#fffefa);min-height:150px}.cefr-grid b{color:var(--deep);margin:16px 0 8px;font-size:28px;font-weight:950;display:block}.word-lab{grid-template-columns:260px 1fr;display:grid;overflow:hidden}.word-lab aside,.ai-workbench aside{border-right:3px solid var(--line);background:#f3fff8;align-content:start;gap:8px;padding:16px;display:grid}.word-lab article{padding:24px}.word-lab article>span,.ai-workbench label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:950}.word-lab h2{color:#f03b64;text-shadow:3px 3px #79d6ff,6px 6px #ffc107a6;margin:8px 0;font-size:clamp(36px,6vw,68px);font-weight:950;line-height:1}.word-lab article div{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.word-lab article button,.ai-workbench article>button{color:#fff;background:linear-gradient(#11a47a,#08705f);border-color:#0b5e53}.ipa-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.ipa-grid button{min-height:118px;color:var(--deep);background:linear-gradient(135deg,#fffefa,#eefaff)}.ipa-grid b,.ipa-grid span{display:block}.ipa-grid b{font-size:28px;font-weight:950}.ipa-grid span{color:var(--muted);margin-top:8px;font-size:13px;font-weight:850}.graph-board{background-color:#fffefa;background-image:linear-gradient(#173f3b09 1px,#0000 1px),linear-gradient(90deg,#173f3b09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:420px;position:relative;overflow:hidden}.graph-board svg{fill:none;stroke:#0d6b5c6b;stroke-width:5px;pointer-events:none;width:calc(100% - 80px);height:calc(100% - 80px);position:absolute;inset:40px}.graph-node{z-index:2;color:#fff;border:3px solid var(--line);background:linear-gradient(#0d6b5c,#0b463e);border-radius:14px;min-width:132px;min-height:54px;font-size:13px;font-weight:950;position:absolute;box-shadow:5px 5px #ffb11fd9}.g0{top:16%;left:8%}.g1{top:8%;left:31%}.g2{top:12%;right:28%}.g3{top:20%;right:7%}.g4{bottom:22%;left:13%}.g5{bottom:29%;left:39%}.g6{bottom:18%;right:24%}.g7{bottom:26%;right:7%}.ai-workbench{grid-template-columns:260px 1fr;display:grid;overflow:hidden}.ai-workbench article{gap:14px;padding:20px;display:grid}.ai-workbench textarea{resize:vertical;min-height:120px;color:var(--deep);font:inherit;background:#fff;border:3px solid #d8e6e1;border-radius:12px;padding:14px;font-weight:750}.ai-output{background:#f0fffb;border:2px dashed #86d8bf;border-radius:12px;padding:16px}.ai-output b{color:var(--deep);margin-bottom:6px;font-size:14px;font-weight:950;display:block}.tutor-panel{background:#f7f7fb;grid-template-columns:280px 1fr;min-height:650px;display:grid;overflow:hidden}.tutor-menu{border-right:3px solid var(--line);background:#f3fff8;padding:16px}.tutor-menu h2{color:var(--deep);margin:0 0 14px;font-size:18px;font-weight:950}.tutor-menu button{width:100%;color:var(--deep);text-align:left;background:#fff;border:2px solid #d6e9e2;border-radius:10px;margin:6px 0;padding:0 12px;font-size:12px;font-weight:900}.tutor-menu button.active{background:#ffc239;border-color:#f1b627}.chat-area{grid-template-rows:auto 1fr auto auto;min-width:0;display:grid}.chat-head{border-bottom:3px solid var(--line);background:#fffefa;padding:18px 20px}.chat-head b,.chat-head span{display:block}.chat-head b{font-size:14px;font-weight:950}.chat-head span{color:var(--muted);margin-top:4px;font-size:12px;font-weight:750}.messages{flex-direction:column;gap:12px;padding:22px;display:flex;overflow-y:auto}.messages p{border:3px solid var(--line);background:#fff;border-radius:14px;max-width:820px;margin:0;padding:14px 16px;font-size:14px;font-weight:750;line-height:1.7;box-shadow:4px 4px #173f3b1f}.messages p.user{color:#fff;background:#0d6b5c;align-self:flex-end}.suggestions{border-top:2px solid #173f3b1f;gap:8px;padding:12px 18px;display:flex;overflow-x:auto}.suggestions button{min-height:36px;color:var(--deep);background:#fff9dd;border:1px solid #f4df9e;border-radius:999px;flex:none;padding:0 12px;font-size:12px;font-weight:850}.chat-input{border-top:3px solid var(--line);background:#fffefa;grid-template-columns:1fr auto;gap:10px;padding:16px;display:grid}.chat-input input{width:100%;min-height:46px;color:var(--deep);background:#fff;border:2px solid #d6e4df;border-radius:12px;padding:0 16px;font-weight:750}@media (max-width:1180px){.tense-grid,.node-grid,.flash-grid,.dashboard-grid,.system-grid,.feature-grid,.cefr-grid,.ipa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutor-panel{grid-template-columns:230px 1fr}}@media (max-width:860px){.app-shell{display:block}.side-panel{border-bottom:4px solid #092d29;border-right:0;width:100%;height:auto;position:relative}.topbar{flex-direction:column;align-items:flex-start;padding:16px;position:relative}.content{padding:18px 14px 34px}.tense-grid,.node-grid,.flash-grid,.dashboard-grid,.system-grid,.feature-grid,.cefr-grid,.ipa-grid,.compare-grid,.answer-grid{grid-template-columns:1fr}.hero{padding:24px 20px}.tutor-panel{grid-template-columns:1fr}.tutor-menu{border-right:0;border-bottom:3px solid var(--line)}.chat-input,.flow-row,.word-lab,.ai-workbench{grid-template-columns:1fr}.word-lab aside,.ai-workbench aside{border-right:0;border-bottom:3px solid var(--line)}.graph-node{margin:10px;position:static}.graph-board{grid-template-columns:1fr 1fr;align-content:start;gap:8px;padding:14px;display:grid}.graph-board svg{display:none}.arrow{transform:rotate(90deg)}.flow-target{grid-template-columns:1fr}.flow-target div:last-child{grid-column:auto}}@media (max-width:520px){.top-actions,.detail-strip,.panel-heading,.sheet-bar,.chat-head,.quiz-head{flex-direction:column;align-items:stretch}.tense-list button{grid-template-columns:32px 1fr}.tense-list em{display:none}.brand b{font-size:15px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}