/* EaseKrew — app.css
   Global reset, design tokens (CSS variables), base element styles,
   page-routing utility classes, and the anti-flash boot guard.
   Extracted 1:1 from the original inline <style> blocks — no rules changed. */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#0F2544;--navy-mid:#1A3A6B;--teal:#0EA5C9;--teal-light:#E0F6FD;--orange:#F97316;--orange-light:#FEF0E6;--green:#16A34A;--green-light:#DCFCE7;--green-vivid:#22C55E;--gold:#F59E0B;--gold-light:#FEF3C7;--purple:#7C3AED;--purple-light:#EDE9FE;--blue-light:#D6E4F7;--blue-pale:#EEF4FB;--text:#111827;--text-muted:#4B5563;--text-light:#9CA3AF;--bg:#FFFFFF;--bg-soft:#F8FAFC;--border:#E2E8F0;--radius:14px;--radius-sm:9px;--radius-xl:20px;--shadow-sm:0 1px 4px rgba(15,37,68,0.06),0 2px 8px rgba(15,37,68,0.04);--shadow:0 2px 8px rgba(15,37,68,0.08),0 8px 24px rgba(15,37,68,0.06);--shadow-lg:0 8px 24px rgba(15,37,68,0.12),0 20px 48px rgba(15,37,68,0.08);}
html{scroll-behavior:auto}
body{font-family:'Inter',system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;font-size:16px}
a{color:inherit;text-decoration:none}
.container{max-width:1180px;margin:0 auto;padding:0 28px}

/* PAGE ROUTING */
.page{display:none}.page.active{display:block}

/* HIDDEN */
.hidden{display:none!important}

/*html.ec-boot body{visibility:hidden}*/