*{box-sizing:border-box;padding:0;margin:0;transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}body,html{max-width:100vw;overflow-x:hidden;font-family:Kanit,sans-serif;background-color:#f8fafc;color:#1e293b;line-height:1.6;touch-action:pan-x pan-y}a{color:inherit;text-decoration:none;touch-action:manipulation}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background:#94a3b8}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}.glass-effect{background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-text{background:linear-gradient(135deg,#4f46e5,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (prefers-color-scheme:dark){html{color-scheme:dark}}input,select,textarea{font-size:16px!important}