*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Kanit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;color:#0f172a;background:radial-gradient(ellipse at top,#bae6fd 0,transparent 60%),radial-gradient(ellipse at bottom,#e0f2fe 0,transparent 60%),linear-gradient(180deg,#f0f9ff,#e0f2fe);background-attachment:fixed;min-height:100vh;padding-bottom:180px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#0284c7}a:hover{color:#0c4a6e}h1,h2,h3,h4,h5,h6{color:#0c4a6e;font-weight:600}img,picture,video{max-width:100%;display:block}button{font-family:inherit}.mainContainer{max-width:1280px;width:100%;margin:20px auto;padding:0 12px;display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}@media (max-width:700px){.mainContainer{margin-top:8px;padding:0 8px}body{font-size:14px}}:focus-visible{outline:3px solid #0ea5e9;outline-offset:2px;border-radius:8px}.mt-10{margin-top:20px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}