/* base.css — Reset & Nexus tokens tailored for huutu.vn */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html,body{height:100%}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
 font-family:'Inter','Manrope',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
 -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
 line-height:1.55;color:var(--fg);background:var(--bg);
 font-feature-settings:"ss01","cv11","tnum" 0;overflow-x:hidden;
}
img,picture,svg,video{display:block;max-width:100%;height:auto}
button{border:0;background:none;font:inherit;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
input,textarea,button{font:inherit}
:root{
 --bg:#F5F3EE;--surface:#FBFAF6;--surface-alt:#FFFFFF;--border:#E1DED4;
 --fg:#181B1A;--fg-muted:#5D625E;--fg-faint:#A9AAA4;
 --teal:#0E5B62;--teal-strong:#083E44;--teal-soft:#DDECEC;
 --accent:#D26A3A;--accent-soft:#F6E1CB;
 --pulse:#93E0BE;--warn:#B7511C;
 --grid: color-mix(in oklab,var(--teal) 12%,transparent);
 --shadow-sm:0 1px 2px rgba(11,30,32,.05);
 --shadow-lg:0 24px 60px -30px rgba(11,30,32,.35);
 --radius-sm:6px;--radius:14px;--radius-lg:22px;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
 --space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;
 --space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
 --text-xs:clamp(11px, calc(.72rem + .05vw), 13px);
 --text-sm:clamp(13px, calc(.85rem + .05vw), 15px);
 --text-base:clamp(15px, calc(.95rem + .1vw), 17px);
 --text-lg:clamp(17px, calc(1rem + .4vw), 20px);
 --text-xl:clamp(22px, calc(1.3rem + .8vw), 28px);
 --text-2xl:clamp(28px, calc(1.6rem + 1.4vw), 40px);
 --text-3xl:clamp(38px, calc(2rem + 2.2vw), 60px);
 --text-hero:clamp(48px, calc(2.4rem + 4vw), 104px);
 --ease:cubic-bezier(.22,.9,.25,1);
}
@media (prefers-color-scheme:dark){
 :root{
  --bg:#0B1416;--surface:#0F1A1C;--surface-alt:#132123;--border:#22383B;
  --fg:#E5EEEC;--fg-muted:#8FA6A2;--fg-faint:#556E6B;
  --teal:#4FBFC7;--teal-strong:#9DE2E6;--teal-soft:#183034;
  --accent:#F09A67;--accent-soft:#432315;--grid:color-mix(in oklab,var(--teal) 22%,transparent);
  --shadow-lg:0 24px 60px -30px rgba(0,0,0,.6);
 }
}
::selection{background:var(--teal-soft);color:var(--teal-strong)}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:6px}
.container{width:min(1180px,100% - clamp(24px,5vw,64px)*2);margin-inline:auto}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}