@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600&display=swap";.lang-toggle[data-v-72879184]{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;border:2px solid #0ea5e9;background:#fff;color:#0ea5e9;font-weight:700;font-size:.75rem;cursor:pointer;transition:all .3s ease}.lang-toggle[data-v-72879184]:hover{background:#0ea5e9;color:#fff;transform:scale(1.05)}.lang-toggle[data-v-72879184]:active{transform:scale(.95)}.lang-text[data-v-72879184]{display:block}@media(max-width:768px){.lang-toggle[data-v-72879184]{width:40px;height:40px;font-size:.7rem}}[data-v-47b6cb17]:root{--primary-color: #0fbcf9;--dark-color: #1e272e;--navy: #1e272e;--navy-deep: #0f1b27;--blue: #0fbcf9;--blue-dark: #0984e3;--gold: #f0b030;--green: #00b894;--red: #ff7675;--bg: #f0f3f9;--text: #2d3436;--muted: #7f8c8d;--border: #d2dae2}[data-v-47b6cb17]{margin:0;padding:0;box-sizing:border-box;font-family:Kanit,sans-serif}body[data-v-47b6cb17]{background-color:#f5f6fa}.navbar[data-v-47b6cb17]{display:flex;justify-content:space-between;align-items:center;padding:0 5%;height:60px;background-color:var(--navy);color:#fff;position:sticky;top:0;z-index:200;box-shadow:0 2px 16px #0000004d}.nav-links[data-v-47b6cb17]{display:flex;align-items:center;gap:20px}.logo-section[data-v-47b6cb17]{display:flex;align-items:center;gap:10px}.logo-dot[data-v-47b6cb17]{width:28px;height:28px;border-radius:50%;border:2px solid var(--blue);display:flex;align-items:center;justify-content:center;position:relative}.logo-dot[data-v-47b6cb17]:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--blue);animation:pulse-47b6cb17 2.5s infinite}@keyframes pulse-47b6cb17{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.5);opacity:.4}}.brand-name[data-v-47b6cb17]{font-size:1.1rem;font-weight:800;color:var(--blue)}.brand-name strong[data-v-47b6cb17]{color:#fff}.page-button[data-v-47b6cb17]{background:transparent;border:none;text-decoration:none;color:#ffffffd9;display:flex;align-items:center;gap:8px;padding:6px 12px}.page-link[data-v-47b6cb17]{text-decoration:none;color:#ffffffd9;font-size:.85rem;transition:color .3s ease}.page-link[data-v-47b6cb17]:hover{background:none;color:var(--blue)!important;text-decoration:none}.page-link[data-v-47b6cb17]:visited{color:#ffffffd9}.page-indicator[data-v-47b6cb17]{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:5px 15px;border-radius:20px;font-size:.8rem}.indicator-dot[data-v-47b6cb17]{width:6px;height:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 8px var(--blue)}.btn-login[data-v-47b6cb17]{background:transparent;border:1px solid var(--blue);color:var(--blue);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease;text-decoration:none}.btn-login[data-v-47b6cb17]:hover{border-color:var(--blue-dark);color:var(--blue-dark);text-decoration:none}.btn-logout[data-v-47b6cb17]{background:transparent;border:1px solid var(--red);color:var(--red);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.btn-logout[data-v-47b6cb17]:hover{border-color:#ff7875;color:#ff7875}.btn-back[data-v-47b6cb17]{background:transparent;border:none;text-decoration:none;color:#ffffff80;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s;padding:6px 12px;border-radius:7px}.btn-back[data-v-47b6cb17]:hover{color:#fff;background:#ffffff14}.btn-back[data-v-47b6cb17]:before{content:"←";font-size:1.1rem}.btn-hero-primary[data-v-47b6cb17]{display:inline-flex;align-items:center;gap:8px;padding:14px 34px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:all .2s;box-shadow:0 6px 20px #0fbcf966}.btn-hero-primary[data-v-47b6cb17]:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0fbcf98c}.btn-hero-secondary[data-v-47b6cb17]{display:inline-flex;align-items:center;gap:8px;padding:14px 34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.25);color:#ffffffd9;font-family:Kanit,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;background:#ffffff0d}.btn-hero-secondary[data-v-47b6cb17]:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}.btn-cta-white[data-v-47b6cb17]{display:inline-flex;align-items:center;gap:8px;padding:13px 32px;border-radius:8px;border:none;background:#fff;color:var(--blue-dark);font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #0003}.btn-cta-white[data-v-47b6cb17]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}footer[data-v-5a5c48b0]{background:#0f1b27;color:#ffffff80;padding:56px 8% 32px}.footer-grid[data-v-5a5c48b0]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:40px;max-width:1100px}.footer-brand .logo[data-v-5a5c48b0]{margin-bottom:14px}.footer-brand p[data-v-5a5c48b0]{font-size:.85rem;color:#fff6;line-height:1.7;font-weight:300;max-width:300px}.footer-contact[data-v-5a5c48b0]{margin-top:16px;display:flex;flex-direction:column;gap:6px}.footer-contact a[data-v-5a5c48b0]{color:#fff6;font-size:.82rem;text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:8px}.footer-contact a[data-v-5a5c48b0]:hover{color:0fbcf9}.footer-col h4[data-v-5a5c48b0]{color:#fff;font-size:.88rem;font-weight:700;margin-bottom:14px;letter-spacing:.3px}.footer-col ul[data-v-5a5c48b0]{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-col ul li a[data-v-5a5c48b0]{color:#fff6;font-size:.82rem;text-decoration:none;transition:color .2s;font-weight:300}.footer-col ul li a[data-v-5a5c48b0]:hover{color:0fbcf9}.footer-divider[data-v-5a5c48b0]{border:none;border-top:1px solid rgba(255,255,255,.07);margin:0 0 24px}.footer-bottom[data-v-5a5c48b0]{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#ffffff4d;flex-wrap:wrap;gap:10px}.footer-bottom-logo[data-v-5a5c48b0]{color:#0fbcf9;font-weight:700;font-size:.9rem}.footer-bottom-logo span[data-v-5a5c48b0]{color:#ffffff80}.logo[data-v-5a5c48b0]{font-size:1.5rem;font-weight:800;color:#0af;letter-spacing:1px;display:flex;align-items:center;gap:8px;text-decoration:none}.logo span[data-v-5a5c48b0]{color:#fff}.logo-dot[data-v-5a5c48b0]{width:8px;height:8px;border-radius:50%;background:#0af;animation:pulse 2.5s infinite}.service-card[data-v-17319456]{position:relative;overflow:hidden;flex:0 1 350px;background:#fff;border-radius:12px;padding:40px 30px;text-align:center;box-shadow:0 4px 18px #0000000d;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease;border-bottom:4px solid transparent}.service-card[data-v-17319456]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0fbcf9,#0984e3);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.service-card[data-v-17319456]:hover{border-bottom-color:#0fbcf9;transform:translateY(-10px);box-shadow:0 18px 40px #0000001a}.service-card[data-v-17319456]:hover:before{transform:scaleX(1)}.icon-text[data-v-17319456]{font-size:3rem;display:block}.service-icon[data-v-17319456]{width:50px;height:auto}.service-title[data-v-17319456]{font-size:1.25rem;color:#1a1a1a;margin-bottom:15px;font-weight:700}.service-desc[data-v-17319456]{font-size:.9rem;color:#666;line-height:1.6;margin-bottom:20px}.service-price[data-v-17319456]{font-weight:700;color:#1a1a1a;margin-bottom:20px}.service-price span[data-v-17319456]{color:#0af}.btn-booking[data-v-17319456]{background:transparent;border:1.5px solid #00aaff;color:#0af;padding:10px 25px;border-radius:10px;font-weight:700;cursor:pointer;transition:.2s}.btn-booking[data-v-17319456]:hover{background:#0af;color:#fff}.why-section[data-v-db58e761]{background:linear-gradient(135deg,#0f1b27,#1e272e);padding:80px 8%;position:relative;overflow:hidden}.why-section[data-v-db58e761]:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(15,188,249,.06) 0%,transparent 60%),radial-gradient(circle at 80% 50%,rgba(9,132,227,.06) 0%,transparent 60%);pointer-events:none}.why-inner[data-v-db58e761]{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.why-content[data-v-db58e761]{color:#fff}.why-content .section-label[data-v-db58e761]{margin-bottom:14px}.why-content h2[data-v-db58e761]{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:#fff;margin-bottom:16px;line-height:1.25}.why-content h2 span[data-v-db58e761]{color:#0fbcf9}.why-content p[data-v-db58e761]{color:#ffffff8c;font-size:.9rem;line-height:1.7;font-weight:300;margin-bottom:30px}.why-features[data-v-db58e761]{display:flex;flex-direction:column;gap:16px}.why-feature[data-v-db58e761]{display:flex;gap:14px;align-items:flex-start;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:2px 10px;transition:all .25s}.why-feature[data-v-db58e761]:hover{background:#0fbcf90f;border-color:#0fbcf933;transform:translate(4px)}.feature-icon[data-v-db58e761]{font-size:1.5rem;flex-shrink:0}.feature-text h4[data-v-db58e761]{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:3px}.feature-text p[data-v-db58e761]{color:#ffffff73;font-size:.82rem;line-height:1.5;font-weight:300}.why-certs[data-v-db58e761]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cert-card[data-v-db58e761]{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px 20px;text-align:center;transition:all .3s}.cert-card[data-v-db58e761]:hover{background:#0fbcf90f;border-color:#0fbcf933;transform:translateY(-4px)}.cert-icon[data-v-db58e761]{font-size:2rem;margin-bottom:10px}.cert-num[data-v-db58e761]{font-size:1.8rem;font-weight:800;color:#0fbcf9;line-height:1}.cert-lbl[data-v-db58e761]{font-size:.78rem;color:#ffffff80;margin-top:5px;font-weight:300;line-height:1.4}.section-label[data-v-db58e761]{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#0fbcf9;background:#0fbcf914;border:1px solid rgba(15,188,249,.2);padding:4px 14px;border-radius:20px;margin-bottom:14px}[data-v-c42bdba4]:root{--primary-color: #0fbcf9;--dark-color: #1e272e;--navy: #1e272e;--navy-deep: #0f1b27;--blue: #0fbcf9;--blue-dark: #0984e3;--gold: #f0b030;--green: #00b894;--red: #ff7675;--bg: #f0f3f9;--text: #2d3436;--muted: #7f8c8d;--border: #d2dae2}[data-v-c42bdba4]{margin:0;padding:0;box-sizing:border-box;font-family:Kanit,sans-serif}body[data-v-c42bdba4]{background-color:#f5f6fa}.navbar[data-v-c42bdba4]{display:flex;justify-content:space-between;align-items:center;padding:0 5%;height:60px;background-color:var(--navy);color:#fff;position:sticky;top:0;z-index:200;box-shadow:0 2px 16px #0000004d}.nav-links[data-v-c42bdba4]{display:flex;align-items:center;gap:20px}.logo-section[data-v-c42bdba4]{display:flex;align-items:center;gap:10px}.logo-dot[data-v-c42bdba4]{width:28px;height:28px;border-radius:50%;border:2px solid var(--blue);display:flex;align-items:center;justify-content:center;position:relative}.logo-dot[data-v-c42bdba4]:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--blue);animation:pulse-c42bdba4 2.5s infinite}@keyframes pulse-c42bdba4{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.5);opacity:.4}}.brand-name[data-v-c42bdba4]{font-size:1.1rem;font-weight:800;color:var(--blue)}.brand-name strong[data-v-c42bdba4]{color:#fff}.page-button[data-v-c42bdba4]{background:transparent;border:none;text-decoration:none;color:#ffffffd9;display:flex;align-items:center;gap:8px;padding:6px 12px}.page-link[data-v-c42bdba4]{text-decoration:none;color:#ffffffd9;font-size:.85rem;transition:color .3s ease}.page-link[data-v-c42bdba4]:hover{background:none;color:var(--blue)!important;text-decoration:none}.page-link[data-v-c42bdba4]:visited{color:#ffffffd9}.page-indicator[data-v-c42bdba4]{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:5px 15px;border-radius:20px;font-size:.8rem}.indicator-dot[data-v-c42bdba4]{width:6px;height:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 8px var(--blue)}.btn-login[data-v-c42bdba4]{background:transparent;border:1px solid var(--blue);color:var(--blue);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease;text-decoration:none}.btn-login[data-v-c42bdba4]:hover{border-color:var(--blue-dark);color:var(--blue-dark);text-decoration:none}.btn-logout[data-v-c42bdba4]{background:transparent;border:1px solid var(--red);color:var(--red);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.btn-logout[data-v-c42bdba4]:hover{border-color:#ff7875;color:#ff7875}.btn-back[data-v-c42bdba4]{background:transparent;border:none;text-decoration:none;color:#ffffff80;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s;padding:6px 12px;border-radius:7px}.btn-back[data-v-c42bdba4]:hover{color:#fff;background:#ffffff14}.btn-back[data-v-c42bdba4]:before{content:"←";font-size:1.1rem}.btn-hero-primary[data-v-c42bdba4]{display:inline-flex;align-items:center;gap:8px;padding:14px 34px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:all .2s;box-shadow:0 6px 20px #0fbcf966}.btn-hero-primary[data-v-c42bdba4]:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0fbcf98c}.btn-hero-secondary[data-v-c42bdba4]{display:inline-flex;align-items:center;gap:8px;padding:14px 34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.25);color:#ffffffd9;font-family:Kanit,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;background:#ffffff0d}.btn-hero-secondary[data-v-c42bdba4]:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}.btn-cta-white[data-v-c42bdba4]{display:inline-flex;align-items:center;gap:8px;padding:13px 32px;border-radius:8px;border:none;background:#fff;color:var(--blue-dark);font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #0003}.btn-cta-white[data-v-c42bdba4]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}[data-v-c42bdba4]:root{--navy: #1e272e;--navy-deep: #0f1b27;--blue: #0fbcf9;--blue-dark: #0984e3;--bg: #f0f3f9;--text: #2d3436;--muted: #7f8c8d;--border: #d2dae2}.main-container[data-v-c42bdba4]{width:100%}.services-section[data-v-c42bdba4]{padding:80px 8%;background:var(--bg);text-align:center}.underline[data-v-c42bdba4]{width:60px;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue-dark));margin:18px auto 0;border-radius:2px}.service-grid[data-v-c42bdba4],.cards-grid[data-v-c42bdba4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.hero[data-v-c42bdba4]{position:relative;background:linear-gradient(#0a1622d1,#0a1622e6),url(https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1600&q=80) center/cover no-repeat;min-height:640px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 24px;overflow:hidden;white-space:normal}.hero[data-v-c42bdba4]:before{content:"";position:absolute;inset:0;background-size:60px 60px;animation:gridMove-c42bdba4 20s linear infinite;pointer-events:none}@keyframes gridMove-c42bdba4{0%{transform:translateY(0)}to{transform:translateY(60px)}}.hero[data-v-c42bdba4]:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);animation:scan-c42bdba4 4s ease-in-out infinite;pointer-events:none}@keyframes scan-c42bdba4{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.hero-badge[data-v-c42bdba4]{display:inline-flex;align-items:center;gap:8px;background:#0fbcf91a;border:1px solid rgba(15,188,249,.3);color:var(--blue);padding:6px 18px;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase;margin-bottom:28px;position:relative;z-index:1;animation:fadeDown .6s ease both}.hero-badge-dot[data-v-c42bdba4]{width:6px;height:6px;border-radius:50%;background:var(--blue);animation:pulse-c42bdba4 2s infinite}.hero h1[data-v-c42bdba4]{font-size:clamp(2.2rem,5vw,4rem);font-weight:900;color:#fff;line-height:1.15;margin-bottom:20px;position:relative;z-index:1;animation:fadeDown .7s .1s ease both}.hero h1 .accent[data-v-c42bdba4]{color:var(--blue)}.hero p[data-v-c42bdba4]{font-size:clamp(.95rem,2vw,1.2rem);color:#ffffffa6;max-width:560px;line-height:1.65;margin-bottom:36px;position:relative;z-index:1;animation:fadeDown .7s .2s ease both}.hero-actions[data-v-c42bdba4]{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;position:relative;z-index:1;animation:fadeDown .7s .3s ease both}.section-header[data-v-c42bdba4]{text-align:center;margin-bottom:56px}.section-header h2[data-v-c42bdba4]{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;color:var(--navy);margin-bottom:12px}.section-header p[data-v-c42bdba4]{color:var(--muted);font-size:.95rem;max-width:500px;margin:0 auto;line-height:1.6;font-weight:300}.section-label[data-v-c42bdba4]{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);background:#0fbcf914;border:1px solid rgba(15,188,249,.2);padding:4px 14px;border-radius:20px;margin-bottom:14px}.process-strip[data-v-c42bdba4]{background:var(--navy);padding:52px 8%;border-bottom:1px solid rgba(15,188,249,.1)}.process-strip h2[data-v-c42bdba4]{text-align:center;color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:40px}.process-strip h2 span[data-v-c42bdba4]{color:var(--blue)}.process-steps[data-v-c42bdba4]{display:flex;gap:0;max-width:900px;margin:0 auto;position:relative}.process-steps[data-v-c42bdba4]:before{content:"";position:absolute;top:28px;left:calc(10% + 28px);right:calc(10% + 28px);height:2px;background:#0fbcf933;z-index:0}.process-step[data-v-c42bdba4]{flex:1;text-align:center;padding:0 16px;position:relative;z-index:1;animation:fadeUp-c42bdba4 .5s ease both}.process-step[data-v-c42bdba4]:nth-child(1){animation-delay:.05s}.process-step[data-v-c42bdba4]:nth-child(2){animation-delay:.12s}.process-step[data-v-c42bdba4]:nth-child(3){animation-delay:.19s}.process-step[data-v-c42bdba4]:nth-child(4){animation-delay:.26s}.process-step[data-v-c42bdba4]:nth-child(5){animation-delay:.33s}.step-circle[data-v-c42bdba4]{width:56px;height:56px;border-radius:50%;background:#0fbcf91a;border:2px solid rgba(15,188,249,.35);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.4rem;transition:all .3s}.process-step:hover .step-circle[data-v-c42bdba4]{background:#0fbcf933;border-color:var(--blue);box-shadow:0 0 20px #0fbcf94d;transform:scale(1.1)}.step-num[data-v-c42bdba4]{display:block;font-size:.7rem;font-weight:700;color:var(--blue);letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}.step-title[data-v-c42bdba4]{font-size:.88rem;font-weight:600;color:#fff;line-height:1.3}.step-desc[data-v-c42bdba4]{font-size:.75rem;color:#ffffff73;margin-top:4px;line-height:1.4}.step-arrow[data-v-c42bdba4]{position:absolute;top:24px;right:-10px;color:#0fbcf966;font-size:1.2rem;z-index:2}.process-step:last-child .step-arrow[data-v-c42bdba4]{display:none}@keyframes fadeUp-c42bdba4{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cta-band[data-v-c42bdba4]{background:linear-gradient(135deg,#0280c8,#0984e3 40%,#005f9e);padding:64px 8%;text-align:center;position:relative;overflow:hidden}.cta-band[data-v-c42bdba4]:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 30px,rgba(255,255,255,.02) 30px,rgba(255,255,255,.02) 60px);pointer-events:none}.cta-band h2[data-v-c42bdba4]{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;color:#fff;margin-bottom:12px;position:relative;z-index:1}.cta-band p[data-v-c42bdba4]{color:#ffffffbf;font-size:.95rem;margin-bottom:32px;font-weight:300;position:relative;z-index:1}.cta-actions[data-v-c42bdba4]{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}#app{max-width:100%!important;width:100%!important;margin:0!important;padding:0!important}body{margin:0;padding:0;background-color:#fff}html{scroll-behavior:smooth}:root{--primary-color: #0fbcf9;--dark-color: #1e272e;--navy: #1e272e;--navy-deep: #0f1b27;--blue: #0fbcf9;--blue-dark: #0984e3;--gold: #f0b030;--green: #00b894;--red: #ff7675;--bg: #f0f3f9;--text: #2d3436;--muted: #7f8c8d;--border: #d2dae2}*{margin:0;padding:0;box-sizing:border-box;font-family:Kanit,sans-serif}body{background-color:#f5f6fa}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 5%;height:60px;background-color:var(--navy);color:#fff;position:sticky;top:0;z-index:200;box-shadow:0 2px 16px #0000004d}.nav-links{display:flex;align-items:center;gap:20px}.logo-section{display:flex;align-items:center;gap:10px}.logo-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--blue);display:flex;align-items:center;justify-content:center;position:relative}.logo-dot:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--blue);animation:pulse 2.5s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.5);opacity:.4}}.brand-name{font-size:1.1rem;font-weight:800;color:var(--blue)}.brand-name strong{color:#fff}.page-button{background:transparent;border:none;text-decoration:none;color:#ffffffd9;display:flex;align-items:center;gap:8px;padding:6px 12px}.page-link{text-decoration:none;color:#ffffffd9;font-size:.85rem;transition:color .3s ease}.page-link:hover{background:none;color:var(--blue)!important;text-decoration:none}.page-link:visited{color:#ffffffd9}.page-indicator{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:5px 15px;border-radius:20px;font-size:.8rem}.indicator-dot{width:6px;height:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 8px var(--blue)}.btn-login{background:transparent;border:1px solid var(--blue);color:var(--blue);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease;text-decoration:none}.btn-login:hover{border-color:var(--blue-dark);color:var(--blue-dark);text-decoration:none}.btn-logout{background:transparent;border:1px solid var(--red);color:var(--red);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.btn-logout:hover{border-color:#ff7875;color:#ff7875}.btn-back{background:transparent;border:none;text-decoration:none;color:#ffffff80;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s;padding:6px 12px;border-radius:7px}.btn-back:hover{color:#fff;background:#ffffff14}.btn-back:before{content:"←";font-size:1.1rem}.btn-hero-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 34px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:all .2s;box-shadow:0 6px 20px #0fbcf966}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0fbcf98c}.btn-hero-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.25);color:#ffffffd9;font-family:Kanit,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;background:#ffffff0d}.btn-hero-secondary:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}.btn-cta-white{display:inline-flex;align-items:center;gap:8px;padding:13px 32px;border-radius:8px;border:none;background:#fff;color:var(--blue-dark);font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #0003}.btn-cta-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}