@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800&display=swap");*{-webkit-font-smoothing:antialiased;box-sizing:border-box;margin:0;padding:0}:root{--primary:#00b894;--primary-dark:#007d68;--primary-light:#00d4a8;--secondary:#ff8c00;--secondary-light:#ffa033;--accent:gold;--success:#00c853;--danger:#ff3d57;--white:#fff;--bg-dark:#00191b;--bg-card:#003d3d;--bg-card-light:#0a4a4a;--text-white:#fff;--text-gray:hsla(0,0%,100%,.6);--text-muted:hsla(0,0%,100%,.35);--shadow:0 2px 12px rgba(0,0,0,.3);--shadow-lg:0 8px 30px rgba(0,0,0,.4);--header-h:56px;--footer-h:64px;--radius:12px}body,html{font-family:Kanit,sans-serif;background:#00191b;background-image:linear-gradient(0deg,#00191b,#003d3d 50%,rgba(0,125,104,.45));background-attachment:fixed;color:#fff;min-height:100vh;overflow-x:hidden;-webkit-text-size-adjust:100%}a{color:var(--primary);text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:Kanit,sans-serif}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeIn .3s ease}@keyframes popupIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}