.contact-page{background:#f5f6f8}@keyframes chFadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.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;animation:chFadeUp .6s cubic-bezier(.16,1,.3,1)both;animation-delay:.1s}.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;animation:chFadeUp .7s cubic-bezier(.16,1,.3,1)both;animation-delay:.2s}.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:18px;line-height:1.7;color:rgba(255,255,255,.6);max-width:638px;animation:chFadeUp .7s cubic-bezier(.16,1,.3,1)both;animation-delay:.32s}.contact-hero-desc{font-size:14px;line-height:1.6;color:rgba(255,255,255,.45);max-width:520px;margin-top:8px;animation:chFadeUp .7s cubic-bezier(.16,1,.3,1)both;animation-delay:.42s}.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}.contact-form-desc{font-size:14px;color:#6b7280;line-height:1.6;margin-top:-8px;margin-bottom:4px}@media(min-width:768px) and (max-width:1024px){.contact-heading{font-size:52px}}@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}}