@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600&display=swap";:root{--primary-color: #0fbcf9;--dark-color: #1e272e}*{margin:0;padding:0;box-sizing:border-box;font-family:Kanit,sans-serif}body{background-color:#f5f6fa}#app{max-width:100%!important;width:100%!important;margin:0!important;padding:0!important}body{margin:0;padding:0;background-color:#fff}.main-container[data-v-f3830772]{width:100%;font-family:Sarabun,sans-serif}.navbar[data-v-f3830772]{background:#1e272e;padding:15px 8%;display:flex;justify-content:space-between;align-items:center;color:#fff}.logo[data-v-f3830772]{font-size:1.5rem;font-weight:700;color:#0fbcf9}.logo span[data-v-f3830772]{color:#fff}nav ul[data-v-f3830772]{display:flex;list-style:none;gap:25px;align-items:center;margin:0}nav ul li a[data-v-f3830772]{color:#d2dae2;text-decoration:none;font-size:.95rem}.btn-login[data-v-f3830772]{background:#0fbcf9;color:#fff!important;padding:8px 20px;border-radius:4px}.hero[data-v-f3830772]{height:550px;background:url(https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1350&q=80) center/cover;position:relative}.hero-overlay[data-v-f3830772]{background:#0f1b27bf;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center}.hero h1[data-v-f3830772]{font-size:2.8rem;margin-bottom:15px}.btn-main[data-v-f3830772]{background:#0fbcf9;color:#fff;text-decoration:none;padding:15px 35px;border-radius:5px;font-weight:700;margin-top:20px}.services-section[data-v-f3830772]{padding:80px 8%;background:#fff;text-align:center}.section-title h2[data-v-f3830772]{font-size:2rem;color:#333;margin-bottom:10px}.underline[data-v-f3830772]{width:60px;height:3px;background:#0fbcf9;margin:0 auto 50px}.service-grid[data-v-f3830772]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.card[data-v-f3830772]{padding:40px 25px;border:1px solid #eee;border-radius:10px;box-shadow:0 5px 15px #0000000d;transition:.3s}.card[data-v-f3830772]:hover{transform:translateY(-10px)}.icon[data-v-f3830772]{font-size:3rem;margin-bottom:20px}.card h3[data-v-f3830772]{font-size:1.25rem;color:#333;margin-bottom:15px}.card p[data-v-f3830772]{color:#666;font-size:.9rem;line-height:1.6;margin-bottom:20px}.btn-card[data-v-f3830772]{border:1px solid #0fbcf9;color:#0fbcf9;background:none;padding:8px 25px;border-radius:5px;cursor:pointer}.btn-logout[data-v-f3830772]{color:#ff7675!important;border:1px solid #ff7675;padding:4px 10px;border-radius:4px}