@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";:root{--primary-dark: #0A3D5C;--primary-mid: #1A6B8A;--primary-light: #2196F3;--accent: #00A896;--accent-light: #02C39A;--bg-light: #0B2447;--bg-white: #0F3460;--text-dark: #FFFFFF;--text-light: rgba(255,255,255,.7)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans Thai,Inter,Sarabun,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b2447;color:var(--text-dark);line-height:1.6}html{scroll-behavior:smooth}button{font-family:inherit}button:hover{opacity:.95;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed!important;transform:none!important}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px #00a89626}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f5f7;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-mid)}::selection{background-color:var(--accent);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.card-hover{transition:all .3s ease}.card-hover:hover{box-shadow:0 8px 24px #0a3d5c26!important;transform:translateY(-2px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,168,150,.3);border-radius:50%;border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@media print{header,footer,button,.no-print{display:none!important}body{background:#fff;color:#000}*{box-shadow:none!important}}@media (max-width: 768px){body{font-size:14px}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.p-16{padding:16px}.p-24{padding:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-8{gap:8px}.gap-16{gap:16px}.gap-24{gap:24px}