.contact-page__hero{text-align:center;background:linear-gradient(135deg,#0066b3 0%,#004080 50%,#002850 100%);padding:calc(8rem + 80px) 1.5rem 8rem;position:relative;overflow:hidden}.contact-page__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 60%);width:80%;height:200%;position:absolute;top:-50%;right:-20%}.contact-page__hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#0000 50%);width:60%;height:150%;position:absolute;bottom:-50%;left:-20%}.contact-page__hero-bg{display:none}.contact-page__hero-content{z-index:1;color:#fff;max-width:700px;margin:0 auto;position:relative}.contact-page__hero-content .badge-dark{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:9999px;align-items:center;gap:.25rem;margin-bottom:1.5rem;padding:.25rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.contact-page__hero-content h1{text-shadow:0 2px 20px #0003;margin-bottom:1rem;font-size:1.875rem;font-weight:700}@media (min-width:768px){.contact-page__hero-content h1{font-size:2.25rem}}.contact-page__hero-content p{color:#ffffffe6;font-size:1.125rem}.contact-page__content{padding:4rem 1.5rem}@media (min-width:768px){.contact-page__content{padding:4rem 3rem}}.contact-page__content{background:#e8e8e8}.contact-page__container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}@media (min-width:768px){.contact-page__container{padding:0 2rem}}.contact-page__container{gap:4rem;display:grid}@media (min-width:1024px){.contact-page__container{grid-template-columns:1fr 1.2fr;align-items:start}}.contact-info h2{color:#212121;margin-bottom:1rem;font-size:1.25rem;font-weight:600;line-height:1.375}.contact-info>p{color:#666;margin-bottom:3rem;line-height:1.625}.contact-info__items{flex-direction:column;gap:1.5rem;display:flex}.contact-info__item{background:#fff;border:1px solid #e0e0e0;border-radius:.75rem;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000a}.contact-info__item:hover{border-color:#0066b333;transform:translateY(-4px);box-shadow:0 8px 24px #0066b31a}.contact-info__icon{background:linear-gradient(135deg,#0066b3 0%,#004080 100%);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-info__icon svg{color:#fff;width:22px;height:22px}.contact-info h3{color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.contact-info a,.contact-info p{color:#212121;font-size:1rem;font-weight:500}.contact-info a{transition:color .15s}.contact-info a:hover{color:#0066b3}.contact-form{background:#fff;border:1px solid #e0e0e0;border-radius:.75rem;padding:3rem;box-shadow:0 4px 20px #0000000f}.contact-form h3{color:#212121;margin-bottom:2rem;font-size:1.125rem;font-weight:600;line-height:1.375}.contact-form .form-status{border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;display:flex}.contact-form .form-status svg{flex-shrink:0;width:20px;height:20px}.contact-form .form-status--success{color:#15803d;background:#22c55e1a;border:1px solid #22c55e4d}.contact-form .form-status--success svg{color:#22c55e}.contact-form .form-status--error{color:#b91c1c;background:#ef44441a;border:1px solid #ef44444d}.contact-form .form-status--error svg{color:#ef4444}.contact-form .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.contact-form .form-row{gap:1.5rem;display:grid}@media (min-width:768px){.contact-form .form-row{grid-template-columns:repeat(2,1fr)}}.contact-form .form-group{margin-bottom:1.5rem}.contact-form .form-group label{color:#616161;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.contact-form .form-group input,.contact-form .form-group textarea{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:.5rem;width:100%;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;transition:all .3s}.contact-form .form-group input::placeholder,.contact-form .form-group textarea::placeholder{color:#888}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{background:#fff;border-color:#0066b3;outline:none;box-shadow:0 0 0 3px #0066b31a}.contact-form .form-group input:disabled,.contact-form .form-group textarea:disabled{opacity:.6;cursor:not-allowed;background:#e8e8e8}.contact-form .form-group textarea{resize:vertical;min-height:120px}.contact-form .form-group--checkbox{margin-bottom:2rem}.contact-form .form-group--checkbox .checkbox-label{cursor:pointer;align-items:flex-start;gap:1rem;font-weight:400;display:flex}.contact-form .form-group--checkbox .checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#0066b3;width:20px;min-width:20px;height:20px;margin-top:2px}.contact-form .form-group--checkbox .checkbox-label .checkbox-text{color:#616161;font-size:.875rem;line-height:1.625}.contact-form .form-group--checkbox .checkbox-label .checkbox-text a{color:#0066b3;text-decoration:underline;transition:color .15s}.contact-form .form-group--checkbox .checkbox-label .checkbox-text a:hover{color:#004980}.contact-form .submit-btn{color:#fff;cursor:pointer;background:#0066b3;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 3rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #0066b333}.contact-form .submit-btn:hover{background:#004d85;transform:translateY(-2px);box-shadow:0 4px 16px #0066b34d}.contact-form .submit-btn{justify-content:center;width:100%;padding:1rem 3rem}.contact-form .submit-btn svg{width:20px;height:20px;transition:transform .3s}.contact-form .submit-btn:hover:not(:disabled) svg{transform:translate(4px)}.contact-form .submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact-page__map{padding:4rem 1.5rem}@media (min-width:768px){.contact-page__map{padding:4rem 3rem}}.contact-page__map{background:#fff}.contact-page__map-header{text-align:center;margin-bottom:3rem}.contact-page__map-header h2{color:#212121;font-size:1.5rem;font-weight:700;line-height:1.25}@media (min-width:768px){.contact-page__map-header h2{font-size:1.875rem}}.contact-page__map-header h2{margin-bottom:.5rem}.contact-page__map-header p{color:#666;font-size:1.125rem}.contact-page__map-container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}@media (min-width:768px){.contact-page__map-container{padding:0 2rem}}.contact-page__map-container{border:1px solid #e0e0e0;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 20px #0000000f}.contact-map{width:100%;height:400px}@media (min-width:768px){.contact-map{height:450px}}@media (min-width:1024px){.contact-map{height:500px}}.contact-map .leaflet-popup-content-wrapper{border-radius:.5rem;box-shadow:0 4px 20px #00000026}.contact-map .leaflet-popup-content{margin:1rem 1.5rem;font-family:inherit;font-size:.875rem;line-height:1.625}.contact-map .leaflet-popup-content strong{color:#0066b3;font-weight:600}.success-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.success-modal{text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:.75rem;width:100%;max-width:420px;padding:4rem;box-shadow:0 20px 60px #0003}.success-modal__icon{background:#22c55e1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 2rem;display:flex}.success-modal__icon svg{color:#22c55e;width:36px;height:36px}.success-modal h3{color:#212121;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.success-modal p{color:#666;margin-bottom:2rem;font-size:1rem;line-height:1.625}.success-modal__btn{color:#fff;cursor:pointer;background:#0066b3;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 3rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #0066b333}.success-modal__btn:hover{background:#004d85;transform:translateY(-2px);box-shadow:0 4px 16px #0066b34d}.success-modal__btn{justify-content:center;width:100%;padding:1rem 3rem}
