.contact-page{background:#f5f6f8}.contact-hero{background:#05082e;padding:100px 20px 64px;position:relative;overflow:hidden}.contact-hero::after{content:'';position:absolute;inset:0;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:3}.contact-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.contact-hero-bg .hero-orb--5{top:30%;left:-5%}.contact-hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.contact-hero-glow{position:absolute;top:50%;left:70%;transform:translate(-50%,-50%);width:900px;height:700px;background:radial-gradient(ellipse at center,rgba(0,144,255,.22) 0%,rgba(0,144,255,0) 60%);pointer-events:none;z-index:1}.contact-hero-inner{max-width:1240px;margin:0 auto;position:relative;z-index:2}.contact-label-row{display:flex;align-items:center;gap:12px;margin-bottom:20px}.contact-label-line{width:32px;height:2px;background:rgba(255,255,255,.4);flex-shrink:0}.contact-label-text{font-family:barlow,noto sans thai,sans-serif;font-size:12px;font-weight:600;letter-spacing:.16em;color:rgba(255,255,255,.55);text-transform:uppercase}.contact-heading{font-family:barlow,noto sans thai,sans-serif;font-size:clamp(40px,10vw,72px);font-weight:800;line-height:1.08;letter-spacing:-1.5px;color:#fff;margin-bottom:20px}.contact-heading-accent{background:linear-gradient(90deg,#48DAFF 0%,#9BE8BE 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-sub{font-size:15px;line-height:1.7;color:rgba(255,255,255,.6);max-width:580px}.contact-body{padding:20px 20px 80px}.contact-grid{display:flex;flex-direction:column;gap:24px;max-width:1240px;margin:0 auto}.contact-left{display:flex;flex-direction:column;gap:40px}.contact-right{order:-1}.contact-info-card{background:#05082e;border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;gap:24px}.contact-info-item{display:flex;gap:14px;align-items:flex-start}.contact-info-icon{width:38px;height:38px;background:rgba(1,143,255,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-info-icon svg path,.contact-info-icon svg circle{stroke:#48daff}.contact-info-label{font-size:10px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:5px}.contact-info-value{font-size:14px;font-weight:400;letter-spacing:.02em;line-height:1.8;color:rgba(255,255,255,.78);text-decoration:none;display:block;transition:color .2s}a.contact-info-value:hover{color:#60cfff}.contact-address-name{font-size:15px;font-weight:500;color:rgba(255,255,255,.92);display:block}.contact-social-row{display:flex;gap:10px;padding-top:20px;justify-content:flex-end}.contact-map-wrap{border-radius:16px;overflow:hidden;height:220px}.contact-map-wrap iframe{width:100%;height:100%;display:block}.contact-right{background:#fff;border-radius:20px;padding:32px 28px;box-shadow:0 4px 32px rgba(0,0,0,6%)}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-box-heading{font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:rgba(255,255,255,.92);margin-bottom:4px}.contact-right .contact-box-heading{color:#0d1240}.cform-row{display:grid;grid-template-columns:1fr;gap:20px}.cform-field{display:flex;flex-direction:column;gap:7px}.cform-field--full{width:100%}.cform-label{font-size:13px;font-weight:600;color:#1a1a2e}.cform-required{color:#018fff}.cform-input{background:#f5f6f8;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 16px;font-size:14px;font-family:noto sans thai,barlow,sans-serif;color:#1a1a2e;outline:none;width:100%;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box}.cform-input::-moz-placeholder{color:#9ca3af}.cform-input::placeholder{color:#9ca3af}.cform-input:focus{border-color:#018fff;box-shadow:0 0 0 3px rgba(1,143,255,.1);background:#fff}.cform-textarea{resize:vertical;min-height:120px}.cform-method-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.cform-method-opt{cursor:pointer}.cform-method-opt input[type=checkbox]{display:none}.cform-method-label{display:block;padding:10px 24px;border-radius:100px;border:1.5px solid #e5e7eb;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cform-method-label:hover{border-color:#018fff;color:#018fff}.cform-method-opt input[type=checkbox]:checked+.cform-method-label{background:linear-gradient(270deg,#1739C9 0%,#018FFF 100%);border:none;padding:11.5px 25.5px;color:#fff;font-weight:600}.cform-submit{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;background:linear-gradient(270deg,#1739C9 0%,#018FFF 100%);color:#fff;border:none;border-radius:100px;font-family:noto sans thai,barlow,sans-serif;font-size:15px;font-weight:700;cursor:pointer;width:100%;transition:opacity .25s,transform .25s}.cform-submit:hover{opacity:.88;transform:translateY(-2px)}.cform-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.cform-honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.cform-status{margin:12px 0 0;font-size:14px;line-height:1.5;min-height:1.5em;color:#6b7280}.cform-status[data-type=success]{color:#16a34a}.cform-status[data-type=error]{color:#dc2626}.cform-status[data-type=pending]{color:#6b7280}.cform-recaptcha-notice{margin:14px 0 0;font-size:11px;line-height:1.5;color:#9ca3af}.cform-recaptcha-notice a{color:#6b7280;text-decoration:underline}.cform-recaptcha-notice a:hover{color:#018fff}@media(min-width:768px){.contact-hero{padding:120px 40px 80px}.contact-body{padding:54px 40px 100px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.contact-map-wrap{height:220px}.contact-info-card{padding:32px 28px}.contact-right{order:-1;padding:32px 28px}}@media(min-width:1025px){.contact-hero{padding:140px clamp(48px,6vw,96px)100px}.contact-body{padding:54px clamp(48px,6vw,96px)120px}.contact-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:40px;align-items:start}.contact-map-wrap{height:280px}.cform-row{grid-template-columns:1fr 1fr}.cform-row--single{grid-template-columns:1fr;max-width:50%}.cform-submit{width:auto;align-self:flex-start;padding:14px 40px}}