.homie9-contact-page{background-color:#ffffff;min-height:100vh;font-family:'Plus Jakarta Sans',sans-serif}.contact-hero-banner{background-color:#07172e;background-image:url('https://homie9.vn/wp-content/uploads/2023/07/Homie9-Page-Banner.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat;padding:135px 0 55px;position:relative;text-align:center;color:#ffffff}.contact-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(7,23,46,0.72) 0%,rgba(32,56,109,0.65) 100%);pointer-events:none}.contact-hero-container{position:relative;z-index:2}.contact-hero-inner{max-width:800px;margin:0 auto}.contact-breadcrumbs{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;color:#ffffff}.contact-breadcrumbs a{color:rgba(255,255,255,0.85);text-decoration:none;transition:color 0.25s ease}.contact-breadcrumbs a:hover{color:#ba8632}.contact-breadcrumbs .breadcrumb-sep{color:rgba(255,255,255,0.6)}.contact-breadcrumbs .breadcrumb-current{color:#ffffff;font-weight:800}.contact-hero-title{font-size:38px;font-weight:800;color:#ffffff !important;letter-spacing:0.5px;text-transform:uppercase;margin:0 0 16px;line-height:1.25;text-shadow:0 2px 8px rgba(0,0,0,0.35)}.contact-hero-divider{display:flex;align-items:center;justify-content:center;gap:12px;max-width:160px;margin:0 auto}.contact-hero-divider .divider-line{flex:1;height:1.5px;background:linear-gradient(90deg,transparent,#ba8632,transparent);opacity:0.85}.contact-hero-divider .divider-diamond{color:#ba8632;font-size:11px}.contact-main-section{padding:85px 0 95px;background-color:#ffffff}.contact-grid-layout{display:grid;grid-template-columns:1fr 1.22fr;gap:55px;align-items:flex-start}.contact-info-col{display:flex;flex-direction:column;text-align:left}.contact-info-badge{display:inline-block;font-size:12px;font-weight:700;color:#ba8632;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.contact-company-heading{font-size:32px;font-weight:800;color:#20386d !important;text-transform:uppercase;letter-spacing:0.5px;line-height:1.35;margin:0 0 10px}.contact-company-type{font-size:13.5px;font-weight:700;color:#000000;text-transform:uppercase;letter-spacing:0.8px;line-height:1.5;margin:0 0 20px}.contact-info-divider{width:80px;height:2.5px;background:#ba8632;margin-bottom:32px}.contact-details-list{display:flex;flex-direction:column;gap:22px;margin-bottom:35px}.contact-detail-item{display:flex;align-items:flex-start;gap:16px;padding:16px 18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;transition:all 0.3s ease}.contact-detail-item:hover{border-color:#ba8632;background:#ffffff;box-shadow:0 8px 24px rgba(32,56,109,0.08);transform:translateY(-2px)}.contact-icon-box{width:44px;height:44px;border-radius:10px;background:#20386d;color:#ba8632;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-detail-text{flex:1}.contact-detail-text .detail-label{display:block;font-size:12px;font-weight:700;color:#20386d;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px}.contact-detail-text .detail-value{font-size:14.5px;font-weight:500;color:#000000;line-height:1.6;margin:0}.contact-link-highlight{color:#20386d;font-weight:700;text-decoration:none;transition:color 0.25s ease}.contact-link-highlight:hover{color:#ba8632}.contact-brand-card{background:linear-gradient(135deg,#07172e 0%,#20386d 100%);border-radius:16px;padding:24px 26px;color:#ffffff;position:relative;border:1px solid rgba(186,134,50,0.3);box-shadow:0 10px 30px rgba(7,23,46,0.12)}.brand-card-quote{font-family:'Ephesis',cursive;font-size:54px;color:#ba8632;line-height:0.7;display:block;margin-bottom:6px}.brand-card-text{font-size:13.5px;line-height:1.7;color:#e2e8f0;margin:0;font-style:italic}.contact-form-col{display:flex;flex-direction:column}.contact-form-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:42px 38px 36px;box-shadow:0 15px 45px rgba(32,56,109,0.08);box-sizing:border-box}.contact-form-header{text-align:center;margin-bottom:30px}.contact-form-title{font-size:26px;font-weight:800;color:#20386d !important;text-transform:uppercase;letter-spacing:0.5px;line-height:1.3;margin:0 0 8px}.contact-form-subtitle{font-size:14.5px;color:#000000;line-height:1.6;margin:0 auto;max-width:480px}.homie9-main-contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;position:relative}.form-label{font-size:13px;font-weight:700;color:#20386d;margin-bottom:8px;text-align:left}.form-label .req{color:#e11d48;margin-left:2px}.form-label .opt{font-weight:500;color:#000000;font-size:12px;margin-left:4px}.input-wrap,.select-wrap{position:relative;display:flex;align-items:center;width:100%}.form-input,.form-select{width:100%;height:48px;padding:0 42px 0 16px;font-size:14.5px;color:#000000;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;font-family:'Plus Jakarta Sans',sans-serif;transition:all 0.25s ease;box-sizing:border-box}.form-input::placeholder{color:#94a3b8;font-size:13.5px}.form-input:focus,.form-select:focus{background:#ffffff;border-color:#20386d;box-shadow:0 0 0 3px rgba(32,56,109,0.12)}.form-input.is-invalid,.form-select.is-invalid{border-color:#e11d48 !important;background:#fff1f2 !important}.input-icon,.select-arrow{position:absolute;right:14px;color:#20386d;pointer-events:none;display:flex;align-items:center;justify-content:center}.select-wrap select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.purpose-checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.purpose-check-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;cursor:pointer;transition:all 0.25s ease;user-select:none;box-sizing:border-box}.purpose-check-item:hover{border-color:#ba8632;background:#ffffff}.purpose-check-item input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-check-box{width:18px;height:18px;border:2px solid #94a3b8;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.25s ease;background:#ffffff}.purpose-check-item input:checked ~ .custom-check-box{background:#20386d;border-color:#20386d}.purpose-check-item input:checked ~ .custom-check-box::after{content:"✓";color:#ffffff;font-size:11px;font-weight:800;line-height:1}.purpose-check-item.is-checked{border-color:#20386d;background:#f0f4fc}.purpose-text{font-size:13.5px;font-weight:600;color:#000000}.field-error-msg{font-size:12px;color:#e11d48;font-weight:600;margin-top:4px;min-height:16px;display:none;text-align:left}.field-error-msg.is-visible{display:block}.form-submit-group{display:flex;flex-direction:column;align-items:center;margin-top:10px;gap:14px}.btn-contact-submit{width:100%;height:52px;background:#20386d;color:#ffffff;border:none;border-radius:12px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:all 0.3s cubic-bezier(0.2,0.8,0.2,1);box-shadow:0 6px 20px rgba(32,56,109,0.25);font-family:'Plus Jakarta Sans',sans-serif}.btn-contact-submit:hover{background:#ba8632;box-shadow:0 8px 25px rgba(186,134,50,0.35);transform:translateY(-2px)}.btn-contact-submit:disabled{opacity:0.7;cursor:not-allowed;transform:none}.btn-arrow-icon{width:33px;height:12px;display:inline-block;flex-shrink:0;transition:transform 0.3s cubic-bezier(0.2,0.8,0.2,1)}.btn-arrow-icon line,.btn-arrow-icon polyline{stroke:#ffffff;stroke-width:0.8px}.btn-contact-submit:hover .btn-arrow-icon{transform:translateX(6px)}.form-privacy-note{font-size:12px;color:#000000;line-height:1.5;text-align:center;margin:0}.form-privacy-note em{font-style:italic;color:#000000}.contact-form-feedback{padding:14px 18px;border-radius:10px;font-size:14px;font-weight:600;line-height:1.5;margin-bottom:15px;text-align:left}.contact-form-feedback.is-success{background:#ecfdf5;border:1px solid #10b981;color:#065f46}.contact-form-feedback.is-error{background:#fef2f2;border:1px solid #ef4444;color:#991b1b}.contact-maps-section{padding:80px 0 100px;background-color:#f8fafc;border-top:1px solid #e2e8f0}.contact-maps-header{text-align:center;max-width:760px;margin:0 auto 45px}.maps-badge{display:inline-block;font-size:12px;font-weight:700;color:#ba8632;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.maps-section-title{font-size:32px;font-weight:800;color:#20386d !important;text-transform:uppercase;letter-spacing:0.5px;line-height:1.35;margin:0 0 12px}.maps-section-desc{font-size:15px;color:#000000 !important;line-height:1.6;margin:0}.contact-maps-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.map-card-item{background:#ffffff;border-radius:18px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 10px 30px rgba(32,56,109,0.06);display:flex;flex-direction:column;transition:all 0.35s ease}.map-card-item:hover{border-color:#ba8632;box-shadow:0 15px 40px rgba(186,134,50,0.15);transform:translateY(-4px)}.map-card-head{padding:24px 24px 18px;border-bottom:1px solid #f1f5f9;text-align:left}.map-head-badge{display:inline-block;font-size:10.5px;font-weight:700;color:#ba8632;background:rgba(186,134,50,0.1);padding:4px 10px;border-radius:6px;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.map-card-title{font-size:18px;font-weight:800;color:#20386d !important;text-transform:uppercase;letter-spacing:0.4px;line-height:1.35;margin:0 0 6px}.map-card-address{font-size:13.5px;color:#000000;line-height:1.5;margin:0}.map-iframe-container{width:100%;height:380px;position:relative;background:#e2e8f0;overflow:hidden}.map-iframe-container iframe{width:100%;height:100%;border:0;display:block}.map-loading-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f1f5f9;color:#000000;font-size:13.5px;font-weight:600}.map-spinner{width:32px;height:32px;border:3px solid rgba(32,56,109,0.2);border-top-color:#20386d;border-radius:50%;animation:mapSpin 0.8s linear infinite}@keyframes mapSpin{to{transform:rotate(360deg)}}@media (max-width:1024px){.contact-grid-layout{grid-template-columns:1fr;gap:45px}.contact-maps-grid{grid-template-columns:1fr;gap:28px}.map-iframe-container{height:340px}}@media (max-width:768px){.contact-hero-banner{padding:105px 0 45px}.contact-hero-title{font-size:28px}.contact-main-section{padding:55px 0 65px}.contact-company-heading{font-size:24px}.contact-form-card{padding:30px 20px 25px;border-radius:16px}.contact-form-title{font-size:22px}.form-row-2col{grid-template-columns:1fr;gap:18px}.purpose-checkbox-grid{grid-template-columns:1fr;gap:10px}.contact-maps-section{padding:55px 0 70px}.maps-section-title{font-size:24px}}