@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.contact-page-container{max-width:1200px;margin:0 auto;padding:50px 24px;font-family:"Inter",var(--font-body-family),sans-serif;color:#1e293b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.contact-hero{position:relative;background:radial-gradient(circle at 10% 20%,#1e293b,#0f172a 90%);border-radius:20px;padding:70px 48px;margin-bottom:50px;text-align:center;color:#fff;overflow:hidden;box-shadow:0 20px 40px #0f172a26,inset 0 1px #ffffff1a;transition:transform .4s cubic-bezier(.165,.84,.44,1)}.contact-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;opacity:.8}.contact-hero-badge{display:inline-block;background:#06b6d426!important;border:1px solid rgba(6,182,212,.35)!important;color:#38bdf8!important;padding:6px 18px;border-radius:100px;font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-bottom:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contact-hero-title{font-family:"Inter",var(--font-heading-family),sans-serif;font-size:4.2rem;font-weight:800;margin:0 0 18px;letter-spacing:-.03em;line-height:1.15;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.25)}.contact-hero-subtitle{font-size:1.75rem!important;line-height:1.6!important;max-width:720px;margin:0 auto;color:#94a3b8!important;font-weight:450!important}.contact-layout-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}.contact-info-column{display:flex;flex-direction:column;gap:28px}.contact-info-card{position:relative;overflow:hidden;background:#ffffffa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:32px 28px;transition:all .35s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column;box-shadow:0 8px 30px #00000004,inset 0 1px #fff9}.contact-info-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #06b6d40d,inset 0 1px #fffc;border-color:#06b6d459}.contact-info-card-header{display:flex;align-items:center;gap:16px;margin-bottom:18px}.contact-info-card-icon{background:#06b6d40d;color:#06b6d4;width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.165,.84,.44,1)}.contact-info-card:hover .contact-info-card-icon{background:#06b6d4;color:#fff;box-shadow:0 8px 16px #06b6d433}.contact-info-card-icon svg{width:22px;height:22px}.contact-info-card-title{font-family:"Inter",var(--font-heading-family),sans-serif;font-size:1.75rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em}.contact-info-card-desc{font-size:1.4rem;line-height:1.6;color:#475569;margin:0}.contact-card-tags{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid #f1f5f9;padding-top:18px;margin-top:18px}.contact-card-tag{background:#f1f5f9;color:#475569;font-size:1.125rem;font-weight:600;padding:4px 10px;border-radius:6px;letter-spacing:-.01em;transition:all .2s ease}.contact-info-card:hover .contact-card-tag{background:#06b6d40d;color:#06b6d4}.contact-card-link{color:#06b6d4;font-weight:700;font-size:1.35rem;text-decoration:none;margin-top:18px;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease;width:fit-content}.contact-card-link:hover{color:#125e91;gap:10px}.contact-card-info-text{display:block;margin-top:18px;font-size:1.35rem;color:#334155;font-weight:600;border-top:1px solid #f1f5f9;padding-top:18px}.contact-direct-box{background:#ffffffa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:32px 28px;box-shadow:0 8px 30px #00000004,inset 0 1px #fff9}.contact-direct-title{font-family:"Inter",var(--font-heading-family),sans-serif;font-size:1.8rem;font-weight:700;color:#0f172a;margin:0 0 20px;letter-spacing:-.01em}.contact-direct-items{display:flex;flex-direction:column;gap:16px}.contact-direct-item{display:flex;align-items:center;gap:16px;color:#334155;text-decoration:none;transition:color .3s ease}.contact-direct-item-icon{background:#06b6d40d;color:#06b6d4;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.contact-direct-item:hover .contact-direct-item-icon{background:#06b6d4;color:#fff;box-shadow:0 8px 16px #06b6d433}.contact-direct-item:hover{color:#06b6d4}.contact-direct-item-icon svg{width:20px;height:20px}.contact-direct-item-text{display:flex;flex-direction:column}.contact-direct-item-text strong{font-size:1.35rem;font-weight:600;color:#0f172a}.contact-direct-item-text span{font-size:1.45rem;color:#475569}.contact-direct-item-subtext{font-size:1.15rem;color:#64748b;margin-top:2px;font-weight:500}.contact-form-column{position:relative;overflow:hidden;background:#fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.8);border-radius:20px;padding:44px;box-shadow:0 20px 50px #00000008,inset 0 1px #fffc}.contact-form-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.contact-field-group{display:flex;flex-direction:column;gap:8px}.contact-field-group.full-width{grid-column:span 2}.contact-form-label{font-size:1.3rem;font-weight:600;color:#334155}.contact-form-label span{color:#06b6d4}.contact-form-input,.contact-form-textarea{font-family:inherit;font-size:1.45rem;padding:12px 16px;border:1px solid #cbd5e1;border-radius:10px;background-color:#fafbfd;color:#1e293b;outline:none;transition:all .3s cubic-bezier(.165,.84,.44,1);width:100%}.contact-form-input:focus,.contact-form-textarea:focus{border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d41a;background-color:#fff}.contact-form-input--error{border-color:#dc3545}.contact-form-input--error:focus{border-color:#dc3545;box-shadow:0 0 0 4px #dc35451a}.contact-form-textarea{min-height:120px;resize:vertical}.contact-field-error-msg{color:#dc3545;font-size:1.2rem;margin-top:4px}.contact-form-submit-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:10px;padding:16px 32px;font-size:1.55rem;font-weight:700;cursor:pointer;transition:all .35s cubic-bezier(.165,.84,.44,1);width:100%;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 24px #06b6d426}.contact-form-submit-btn:hover{background:linear-gradient(135deg,#22d3ee,#0891b2);box-shadow:0 12px 30px #06b6d44d;transform:translateY(-1px)}.contact-form-submit-btn svg{transition:transform .3s ease}.contact-form-submit-btn:hover svg{transform:translate(4px)}.contact-form-status{padding:20px;border-radius:10px;margin-bottom:24px}.contact-form-status--success{background:#28a74514;border:1px solid #28a745}.contact-form-status--error{background:#dc354514;border:1px solid #dc3545}.contact-form-status-title{font-size:1.6rem;font-weight:700;margin:0 0 6px}.contact-form-status--success .contact-form-status-title{color:#28a745}.contact-form-status--error .contact-form-status-title{color:#dc3545}.contact-form-status-desc{font-size:1.4rem;color:#475569;margin:0;line-height:1.5}.contact-form-errors-list{margin:0;padding-left:20px;font-size:1.35rem;color:#dc3545}.contact-form-errors-list a{color:inherit;text-decoration:underline}@media screen and (max-width:900px){.contact-layout-grid{grid-template-columns:1fr;gap:32px}}@media screen and (max-width:768px){.contact-page-container{padding:24px 16px!important}.contact-form-column{padding:32px 20px!important}.contact-form-fields-grid{grid-template-columns:1fr;gap:20px}.contact-field-group.full-width{grid-column:span 1}.contact-hero{padding:44px 20px!important}.contact-hero-title{font-size:2.8rem!important}.contact-hero-subtitle{font-size:1.55rem!important}}.contact-form-step{display:none}.contact-form-step.is-active{display:block}.contact-progress-bar{display:flex;gap:1.5rem;margin-bottom:3.5rem;background:#0f172a0d;padding:1.5rem 2rem;border-radius:12px}.contact-progress-step{flex:1;height:4px;background:#cbd5e1;border-radius:2px;position:relative;transition:all .3s ease}.contact-progress-step.is-active{background:#06b6d4}.contact-progress-label{font-size:1.2rem;font-weight:700;text-transform:uppercase;color:#64748b;margin-top:1rem;display:block;letter-spacing:.05em}.contact-progress-step.is-active .contact-progress-label{color:#06b6d4}.contact-form-nav-buttons{display:flex;justify-content:space-between;gap:2rem;margin-top:3.5rem}.contact-form-nav-btn{text-decoration:none;font-size:1.5rem;font-weight:700;padding:1.4rem 3rem;border-radius:10px;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:.8rem;transition:all .3s cubic-bezier(.165,.84,.44,1)}.contact-form-nav-btn--back{background:#e2e8f0;color:#334155;border:1px solid #cbd5e1}.contact-form-nav-btn--back:hover{background:#cbd5e1}.contact-form-nav-btn--next{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 8px 24px #06b6d426}.contact-form-nav-btn--next:hover{background:linear-gradient(135deg,#22d3ee,#0891b2);box-shadow:0 12px 30px #06b6d44d;transform:translateY(-1px)}.contact-form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:44px}.contact-checkbox-group{display:flex;flex-direction:column;gap:1.2rem;margin-top:1rem}.contact-checkbox-item{display:flex;align-items:center;gap:1rem}.contact-checkbox-item input[type=checkbox]{width:1.8rem;height:1.8rem;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;accent-color:#06b6d4}.contact-checkbox-item label{font-size:1.35rem;color:#334155;font-weight:500;cursor:pointer}.contact-form-submit-reassurance{text-align:center;font-size:1.25rem;color:#64748b;margin-top:2rem;line-height:1.5;font-weight:500}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-contact-form.css.map */