.contact-page{--contact-red:#166534;--contact-coral:#2e8b57;--contact-ink:#111827;--contact-muted:#64748b;min-height:100vh;color:var(--contact-ink);background:#fff;overflow-x:hidden}.contact-hero{isolation:isolate;background:radial-gradient(circle at 50% 36%,#fffffff5 0 18%,#fff0 54%),linear-gradient(#fff 0%,#fffaf7 100%);flex-direction:column;justify-content:center;min-height:100vh;padding:148px 24px 54px;display:flex;position:relative;overflow:hidden}.contact-hero:before{z-index:-1;content:"";border:1px solid #16653412;border-radius:50%;width:min(86vw,1120px);height:min(62vw,680px);position:absolute;top:16%;left:50%;transform:translate(-50%)}.contact-hero-glow{z-index:-2;filter:blur(90px);opacity:.16;pointer-events:none;border-radius:999px;width:320px;height:320px;position:absolute}.contact-hero-glow-left{background:var(--contact-coral);bottom:5%;left:-110px}.contact-hero-glow-right{background:var(--contact-red);top:8%;right:-120px}.contact-heading{z-index:4;text-align:center;width:min(100%,1080px);margin:0 auto;position:relative}.contact-kicker{color:var(--contact-red);letter-spacing:.2em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #1665341f;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 14px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 10px 30px #5a29270a}.contact-heading h1{letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(3rem,5.7vw,5.9rem);font-weight:900;line-height:1.02}.contact-title-break{display:none}.contact-heading h1 span{background:linear-gradient(90deg, var(--contact-red), var(--contact-coral));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.contact-heading>p{color:var(--contact-muted);letter-spacing:.01em;margin:24px auto 0;font-size:clamp(1rem,1.5vw,1.18rem)}.contact-community{opacity:0;width:min(1160px,100%);height:clamp(390px,40vw,520px);margin:16px auto 0;position:relative}.community-orbit{pointer-events:none;border:1px dashed #16653421;border-radius:50%;position:absolute;top:50%;left:50%}.community-orbit-one{width:76%;height:68%;transform:translate(-50%,-46%)rotate(-4deg)}.community-orbit-two{width:50%;height:95%;transform:translate(-50%,-48%)rotate(69deg)}.contact-portrait{--portrait-size:92px;z-index:2;width:var(--portrait-size);height:var(--portrait-size);background-blend-mode:luminosity;background-color:#d8d8d8;background-repeat:no-repeat;background-size:300% 300%;border:5px solid #fffffff5;border-radius:38% 62% 58% 42%/46% 40% 60% 54%;animation:6s ease-in-out infinite portraitFloat;position:absolute;overflow:visible;box-shadow:0 22px 45px #22181824}.contact-portrait:before{border-radius:inherit;content:"";pointer-events:none;border:1px solid #1665341f;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px}.contact-portrait>span{color:#fff;background:linear-gradient(135deg, var(--contact-red), var(--contact-coral));border:3px solid #fff;border-radius:999px;place-items:center;width:28px;height:28px;font-size:18px;font-weight:500;line-height:1;display:grid;position:absolute;bottom:-9px;right:-11px;box-shadow:0 8px 18px #16653452}.portrait-1{--portrait-size:70px;animation-delay:-1.2s;top:21%;left:2%}.portrait-2{--portrait-size:134px;animation-delay:-4.3s;top:48%;left:11%}.portrait-3{--portrait-size:185px;animation-delay:-2.8s;top:9%;left:29%}.portrait-4{--portrait-size:180px;animation-delay:-.7s;top:48%;left:45%}.portrait-5{--portrait-size:126px;animation-delay:-3.7s;top:11%;left:65%}.portrait-6{--portrait-size:89px;animation-delay:-1.9s;top:53%;left:78%}.portrait-7{--portrait-size:66px;animation-delay:-4.8s;top:21%;right:1%}.portrait-8{--portrait-size:58px;animation-delay:-2.2s;top:5%;left:55%}.portrait-9{--portrait-size:58px;animation-delay:-3.2s;top:49%;left:30%}.contact-feedback{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #ffffffe6;border-radius:16px;align-items:center;gap:10px;min-width:190px;padding:11px 14px 11px 11px;animation:7s ease-in-out infinite feedbackFloat;display:flex;position:absolute;box-shadow:0 16px 40px #2e201f1a}.feedback-icon{color:#fff;background:linear-gradient(135deg, var(--contact-red), var(--contact-coral));border-radius:11px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.contact-feedback strong,.contact-feedback span{white-space:nowrap;display:block}.contact-feedback strong{color:#1e293b;margin-bottom:4px;font-size:11px}.contact-feedback span{color:#94a3b8;align-items:center;gap:4px;font-size:9px;display:flex}.feedback-1{animation-delay:-1.4s;top:7%;left:9%}.feedback-2{animation-delay:-4.1s;top:2%;left:43%}.feedback-3{animation-delay:-2.6s;top:12%;right:6%}.feedback-4{animation-delay:-5.3s;bottom:9%;right:1%}.contact-spark{z-index:1;color:var(--contact-coral);font-size:24px;font-weight:300;animation:2.8s ease-in-out infinite sparkPulse;position:absolute}.spark-1{top:17%;left:21%}.spark-2{animation-delay:-1.4s;top:68%;left:38%}.spark-3{animation-delay:-.8s;top:31%;left:76%}.spark-4{animation-delay:-2s;top:72%;right:9%}.contact-connect{background:#fff;padding:105px 24px 120px}.contact-section-heading{text-align:center;max-width:680px;margin:0 auto 48px}.contact-section-heading>span,.contact-form-intro>p{color:var(--contact-red);letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:900}.contact-section-heading h2{letter-spacing:-.045em;margin:12px 0 14px;font-size:clamp(2.1rem,4vw,3.6rem);font-weight:900;line-height:1.05}.contact-section-heading p{color:var(--contact-muted);margin:0;line-height:1.75}.contact-channel-list{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1040px;margin:0 auto;display:grid}.contact-channel{min-width:0;color:var(--contact-ink);background:#fff;border:1px solid #eef0f2;border-radius:24px;align-items:center;gap:16px;padding:22px;text-decoration:none;transition:border-color .24s,box-shadow .24s,transform .24s;display:flex;box-shadow:0 14px 35px #0f172a0e}.contact-channel:hover{border-color:#16653438;transform:translateY(-4px);box-shadow:0 22px 46px #0f172a17}.channel-icon{color:#fff;border-radius:18px;flex:0 0 58px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 25px}.channel-icon svg{width:31px;height:31px}.contact-channel-facebook .channel-icon{background:#1877f2;box-shadow:0 12px 25px #1877f238}.contact-channel-zalo .channel-icon{background:#0068ff;box-shadow:0 12px 25px #0068ff38}.contact-channel-zalo .channel-icon img{-o-object-fit:contain;object-fit:contain;width:42px;height:42px;display:block}.contact-channel-phone .channel-icon{background:#22c55e;box-shadow:0 12px 25px #22c55e38}.channel-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.channel-copy strong{font-size:16px}.channel-copy small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.channel-arrow{color:#cbd5e1;flex:none;transition:color .24s,transform .24s}.contact-channel:hover .channel-arrow{color:var(--contact-red);transform:translate(2px,-2px)}.contact-form-section{background:radial-gradient(circle at 12% 12%,#1665341a,#0000 30%),radial-gradient(circle at 90% 90%,#2e8b571a,#0000 30%),#fff;padding:30px 24px 120px}.contact-form-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffffeb;border-radius:36px;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);max-width:1180px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 30px 80px #3d272617}.contact-form-intro{color:#fff;background:linear-gradient(145deg, #231f20fa, #302727f5), linear-gradient(135deg, var(--contact-red), var(--contact-coral));flex-direction:column;justify-content:center;padding:58px 48px;display:flex;position:relative;overflow:hidden}.contact-form-intro:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:310px;height:310px;position:absolute;bottom:-120px;right:-105px;box-shadow:0 0 0 38px #ffffff09,0 0 0 76px #ffffff06}.contact-form-number{color:#ffffff17;letter-spacing:-.08em;font-size:72px;font-weight:900;position:absolute;top:32px;right:36px}.contact-form-intro>p{color:#ff9d7d;margin:0 0 16px}.contact-form-intro h2{z-index:1;letter-spacing:-.045em;margin:0;font-size:clamp(2rem,3.2vw,3.25rem);font-weight:850;line-height:1.06;position:relative}.contact-form-note{z-index:1;color:#cbd5e1;border-top:1px solid #ffffff1f;align-items:flex-start;gap:13px;margin-top:44px;padding-top:24px;display:flex;position:relative}.contact-form-note svg{color:#ff9d7d;flex:none;margin-top:2px}.contact-form-note span{flex-direction:column;gap:5px;font-size:13px;line-height:1.5;display:flex}.contact-form-note strong{color:#fff;font-size:14px}.contact-form{grid-template-columns:1fr 1fr;gap:24px;padding:52px;display:grid}.contact-field:first-child,.contact-field-message,.contact-form-actions,.contact-success{grid-column:1/-1}.contact-field{min-width:0}.contact-field label{color:#334155;margin:0 0 9px 3px;font-size:12px;font-weight:800;display:block}.contact-input-wrap{position:relative}.contact-input-wrap svg{color:#94a3b8;pointer-events:none;transition:color .2s;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.contact-field input,.contact-field textarea{color:#1e293b;width:100%;font:inherit;background:#f8fafcc7;border:1px solid #e7e9ed;border-radius:15px;outline:none;font-size:14px;transition:border-color .2s,background .2s,box-shadow .2s}.contact-field input{height:54px;padding:0 16px 0 48px}.contact-field textarea{resize:vertical;min-height:132px;padding:16px 18px;line-height:1.6}.contact-field input::-moz-placeholder{color:#a8b1bf}.contact-field textarea::-moz-placeholder{color:#a8b1bf}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#a8b1bf}.contact-field input:focus,.contact-field textarea:focus{background:#fff;border-color:#166534a6;box-shadow:0 0 0 4px #16653414}.contact-input-wrap:focus-within svg{color:var(--contact-red)}.contact-form-actions{justify-content:space-between;align-items:center;gap:20px;display:flex}.contact-form-actions p{color:#94a3b8;margin:0;font-size:11px}.contact-submit{color:#fff;background:linear-gradient(90deg, var(--contact-red), var(--contact-coral));min-width:172px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:15px 22px;font-size:14px;font-weight:800;transition:box-shadow .24s,transform .24s;display:inline-flex;box-shadow:0 14px 28px #16653440}.contact-submit:hover{transform:translateY(-2px);box-shadow:0 18px 32px #16653457}.contact-submit:active{transform:translateY(0)}.contact-success{color:#15803d;background:#f0fdf4eb;border:1px solid #22c55e33;border-radius:15px;align-items:flex-start;gap:12px;padding:14px 16px;animation:.35s both successReveal;display:flex}.contact-success svg{flex:none;margin-top:1px}.contact-success div{flex-direction:column;gap:3px;display:flex}.contact-success strong{font-size:13px}.contact-success span{color:#4b8060;font-size:12px}@keyframes portraitFloat{0%,to{transform:translate(0,0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes feedbackFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes sparkPulse{0%,to{opacity:.35;transform:rotate(0)scale(.8)}50%{opacity:1;transform:rotate(90deg)scale(1.1)}}@keyframes successReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.contact-hero{min-height:auto}.contact-community{height:470px}.portrait-7,.feedback-3{right:2%}.contact-form-shell{grid-template-columns:.8fr 1.2fr}.contact-form-intro,.contact-form{padding:42px 34px}.contact-channel{padding:18px}.channel-icon{border-radius:15px;flex-basis:50px;width:50px;height:50px}.channel-icon svg{width:27px;height:27px}}@media (max-width:820px){.contact-hero{padding-top:140px}.contact-community{width:min(620px,100%);height:430px}.portrait-1{left:0}.portrait-2{--portrait-size:113px;top:52%;left:5%}.portrait-3{--portrait-size:151px;top:14%;left:25%}.portrait-4{--portrait-size:146px;top:53%;left:43%}.portrait-5{--portrait-size:110px;left:66%}.portrait-6{--portrait-size:74px;left:auto;right:5%}.portrait-7{display:none}.feedback-1{left:0}.feedback-2{left:45%}.feedback-3{display:none}.feedback-4{bottom:4%;right:0}.contact-channel-list{grid-template-columns:1fr;max-width:620px}.contact-form-shell{grid-template-columns:1fr}.contact-form-intro{min-height:390px}}@media (max-width:600px){.contact-hero{justify-content:flex-start;min-height:900px;padding:132px 16px 30px}.contact-heading h1{letter-spacing:-.045em;font-size:clamp(2.55rem,12.5vw,3.8rem);line-height:1.06}.contact-title-break{display:block}.contact-heading>p{max-width:280px;line-height:1.6}.contact-community{height:480px;margin-top:8px}.community-orbit-one{width:105%}.community-orbit-two{width:72%}.portrait-1{--portrait-size:58px;top:22%;left:1%}.portrait-2{--portrait-size:94px;top:58%;left:1%}.portrait-3{--portrait-size:130px;top:12%;left:26%}.portrait-4{--portrait-size:127px;top:55%;left:41%}.portrait-5{--portrait-size:89px;top:20%;left:auto;right:2%}.portrait-6{--portrait-size:67px;top:63%;right:1%}.portrait-8{--portrait-size:50px;top:2%;left:72%}.portrait-9{--portrait-size:50px;top:48%;left:30%}.contact-feedback{min-width:0;padding:9px 11px 9px 9px}.feedback-icon{flex-basis:30px;width:30px;height:30px}.contact-feedback strong{font-size:9px}.contact-feedback span{font-size:8px}.feedback-1{top:3%;left:1%}.feedback-2{top:40%;left:auto;right:0}.feedback-4{bottom:2%;right:10%}.spark-1{left:17%}.contact-connect,.contact-form-section{padding-left:16px;padding-right:16px}.contact-connect{padding-top:80px;padding-bottom:90px}.contact-channel{border-radius:20px}.contact-form-section{padding-top:12px;padding-bottom:80px}.contact-form-shell{border-radius:26px}.contact-form-intro{min-height:330px;padding:38px 28px}.contact-form{grid-template-columns:1fr;gap:20px;padding:34px 22px}.contact-field{grid-column:1/-1}.contact-form-actions{flex-direction:column;align-items:stretch}.contact-submit{width:100%}}@media (prefers-reduced-motion:reduce){.contact-portrait,.contact-feedback,.contact-spark{animation:none}.contact-channel,.contact-submit{transition:none}}