.contact-page-wrapper{background:var(--bg-muted);min-height:100vh;margin-top:calc(-1 * var(--header-height,90px))}.contact-hero{background:linear-gradient(135deg, var(--dark-grey) 0%, var(--dark-grey-2) 60%, var(--teal-dark) 100%);padding:calc(5rem + var(--header-height,90px)) 0 3.5rem;text-align:center;position:relative;overflow:hidden}.contact-hero:before{content:"";background:radial-gradient(ellipse at 70% 20%, rgba(var(--teal-rgb), .12) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.contact-hero__content{z-index:1;animation:.7s ease-out fadeInUp;position:relative}.contact-hero__badge{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--teal-light);border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.4rem 1rem;font-size:.8rem;font-weight:500;display:inline-flex}.contact-hero__title{color:var(--white);margin:0 0 .75rem;font-size:clamp(1.65rem,1rem + 2.6vw,2.8rem);font-weight:700;line-height:1.15}.contact-hero__subtitle{color:#ffffffb3;max-width:480px;margin:0 auto;font-size:clamp(.92rem,.88rem + .35vw,1.1rem);line-height:1.6}.contact-body{padding:3rem 0 4rem;position:relative}.contact-form-card{background:var(--white);border:1px solid var(--border-subtle-strong);border-radius:var(--card-radius);box-shadow:var(--shadow-md);z-index:2;margin-top:-2rem;padding:2.5rem;position:relative}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.field-group{flex-direction:column;display:flex}.field-label{color:var(--dark-grey-2);align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.88rem;font-weight:600;display:flex}.field-label svg{color:var(--teal);flex-shrink:0}.field-input{border:1px solid var(--border-subtle-strong);background:var(--bg-subtle);border-radius:10px;padding:.85rem 1rem;font-size:16px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px 2px #0f172a08}.field-input:focus{border-color:var(--teal);background:var(--white);box-shadow:0 0 0 3px rgba(var(--teal-rgb), .1);outline:none}.field-input--textarea{resize:vertical;min-height:140px}.btn-submit-custom{background:linear-gradient(135deg, var(--teal) 0%, var(--teal-dark) 100%);color:var(--white);cursor:pointer;box-shadow:0 4px 16px rgba(var(--teal-rgb), .2);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:.25rem;padding:.9rem 2rem;font-size:1rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-submit-custom:hover:not(:disabled){box-shadow:0 8px 24px rgba(var(--teal-rgb), .25);background:linear-gradient(135deg, var(--teal-light) 0%, var(--teal) 100%);transform:translateY(-1px)}.btn-submit-custom:active{transform:translateY(0)}.btn-submit-custom:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #0000;border-top:2px solid var(--white);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}.contact-info-card{background:linear-gradient(160deg, var(--dark-grey) 0%, #1a5c4e 100%);color:var(--white);z-index:2;border-radius:16px;flex-direction:column;height:calc(100% + 2rem);margin-top:-2rem;padding:2rem;display:flex;position:relative;box-shadow:0 8px 32px #0f172a40}.contact-info-title{color:var(--white);border-bottom:1px solid #ffffff1f;margin:0 0 1.5rem;padding-bottom:1rem;font-size:1.15rem;font-weight:700}.contact-info-list{flex-direction:column;flex:1;gap:1.25rem;display:flex}.contact-info-item{align-items:center;gap:.75rem;display:flex}.contact-info-icon{width:38px;height:38px;color:var(--teal-light);background:#ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-label{color:#ffffffe6;font-size:.82rem;font-weight:600;display:block}.contact-info-value{color:#fff9;margin-top:1px;font-size:.82rem;display:block}.contact-info-note{color:#ffffff73;border-top:1px solid #ffffff1a;margin-top:auto;padding-top:1.25rem;font-size:.78rem;line-height:1.5}.contact-info-regional{border-top:1px solid #ffffff1f;margin-top:1.5rem;padding-top:1.5rem}.contact-info-regional-title{color:var(--teal-light);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.8rem;font-weight:600;display:flex}.contact-info-regional-empty{color:#ffffff8c;font-size:.8rem;line-height:1.5}.contact-info-link{word-break:break-all;text-decoration:none;color:#ffffffd9!important}.contact-info-link:hover{text-decoration:underline;color:var(--teal-light)!important}.custom-alert{border:none;border-radius:10px;margin-bottom:1.5rem;box-shadow:0 4px 16px #0f172a14}.alert-content{align-items:center;gap:.75rem;display:flex}.alert-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.alert-success .alert-icon{background-color:var(--teal);color:var(--white)}.alert-danger .alert-icon{background-color:var(--red);color:var(--white)}@media (width<=992px){.contact-hero{padding:calc(4.5rem + var(--header-height,90px)) 0 3rem}.contact-form-card{padding:2rem}.contact-info-card{height:auto;margin-top:0}}@media (width<=768px){.contact-page-wrapper{margin-top:calc(-1 * var(--header-height,64px))}.contact-hero{padding:calc(4rem + var(--header-height,64px)) 0 2.5rem}.contact-body{padding:2rem 0 3rem}.contact-form-card{border-radius:14px;margin-top:-1.5rem;padding:1.5rem}.contact-info-card{border-radius:14px;margin-top:0;padding:1.5rem}.field-input{font-size:16px}}@media (width<=576px){.contact-hero{padding:calc(3.5rem + var(--header-height,64px)) 0 2rem}.contact-hero__badge{padding:.3rem .8rem;font-size:.72rem}.contact-body{padding:1.5rem 0 2rem}.contact-form-card{border-radius:12px;margin-top:-1rem;padding:1.25rem}.contact-info-card{border-radius:12px;padding:1.25rem}.contact-form{gap:1rem}.field-input{border-radius:8px;padding:.8rem .9rem}.field-input--textarea{min-height:110px}.btn-submit-custom{border-radius:8px;padding:.85rem 1.5rem;font-size:.95rem}.contact-info-note{font-size:.72rem}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn-submit-custom:focus-visible,.field-input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.field-input::-webkit-scrollbar{width:6px}.field-input::-webkit-scrollbar-track{background:var(--bg-muted);border-radius:3px}.field-input::-webkit-scrollbar-thumb{background:var(--light-grey);border-radius:3px}.field-input::-webkit-scrollbar-thumb:hover{background:var(--teal)}
