:root{--font-heading: "Prompt", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Sarabun", -apple-system, BlinkMacSystemFont, sans-serif;--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;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 50;--z-sticky: 100;--z-modal: 200;--z-toast: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}img,video{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}.text-xs{font-size:12px;line-height:1.5}.text-sm{font-size:14px;line-height:1.5}.text-base{font-size:16px;line-height:1.6}.text-lg{font-size:18px;line-height:1.6}.text-xl{font-size:20px;line-height:1.5}.text-2xl{font-size:24px;line-height:1.4}.text-3xl{font-size:30px;line-height:1.3}.text-4xl{font-size:36px;line-height:1.2}.text-5xl{font-size:48px;line-height:1.1}.text-6xl{font-size:60px;line-height:1.1}@media (min-width: 768px){.md\:text-lg{font-size:18px}.md\:text-xl{font-size:20px}.md\:text-2xl{font-size:24px}.md\:text-3xl{font-size:30px}.md\:text-4xl{font-size:36px}.md\:text-5xl{font-size:48px}.md\:text-6xl{font-size:60px}}@media (min-width: 1024px){.lg\:text-xl{font-size:20px}.lg\:text-2xl{font-size:24px}.lg\:text-3xl{font-size:30px}.lg\:text-4xl{font-size:36px}.lg\:text-5xl{font-size:48px}.lg\:text-6xl{font-size:60px}}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.container{width:100%;margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 768px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}@media (min-width: 1024px){.container{max-width:1024px;padding-left:var(--space-10);padding-right:var(--space-10)}}@media (min-width: 1280px){.container{max-width:1200px}}.grid{display:grid;gap:var(--space-4)}@media (min-width: 640px){.grid{gap:var(--space-5)}}@media (min-width: 768px){.grid{gap:var(--space-6)}}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@media (min-width: 768px){.md\:flex-row{flex-direction:row}.md\:gap-6{gap:var(--space-6)}.md\:gap-8{gap:var(--space-8)}}@media (min-width: 1024px){.lg\:flex-row{flex-direction:row}.lg\:gap-8{gap:var(--space-8)}.lg\:gap-10{gap:var(--space-10)}}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}@media (min-width: 768px){.md\:p-6{padding:var(--space-6)}.md\:p-8{padding:var(--space-8)}.md\:px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.md\:py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.md\:py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.md\:py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}}@media (min-width: 1024px){.lg\:p-10{padding:var(--space-10)}.lg\:px-10{padding-left:var(--space-10);padding-right:var(--space-10)}.lg\:py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}.lg\:py-24{padding-top:var(--space-24);padding-bottom:var(--space-24)}}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.hidden{display:none}.block{display:block}@media (min-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}}@media (min-width: 1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}@media (min-width: 768px){.md\:text-left{text-align:left}.md\:text-center{text-align:center}}.w-full{width:100%}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-out}.animate-slideUp{animation:slideUp var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto}.animate-fadeIn,.animate-slideUp,.animate-pulse{animation:none}}:focus-visible{outline:2px solid #00AEEF;outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #00AEEF;outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64748b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{.no-print{display:none!important}}