.contact-page{background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.contact-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#0fb9b1 0%,#0e3a5d 50%,#0b0f1a 100%);padding:clamp(80px,10vw,120px) 0 clamp(100px,12vw,150px);position:relative}.contact-hero__container{max-width:1000px;margin:0 auto;padding:0 24px}.contact-hero__title{color:#fff;margin-bottom:20px;font-family:Roboto,sans-serif;font-size:clamp(36px,7vw,64px);font-weight:700;line-height:1.1}.contact-hero__subtitle{opacity:.9;max-width:800px;margin:0 auto;font-size:clamp(16px,2.2vw,22px);font-weight:300;line-height:1.6}.contact-content-wrapper{z-index:10;max-width:1440px;margin:-80px auto 80px;padding:0 40px;position:relative}.contact-grid{grid-template-columns:1fr 1.6fr;align-items:start;gap:30px;display:grid}.map-section{width:100%;height:clamp(400px,50vh,600px);margin-top:20px;position:relative;overflow:hidden}.map-placeholder-img{object-fit:cover;filter:grayscale(.4)contrast(1.1);width:100%;height:100%}.map-overlay{z-index:2;background:radial-gradient(circle,#0f172a66 0%,#0f172ab3 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.map-info{text-align:center;color:#fff;padding:0 24px}.map-info h3{color:#fff;text-shadow:0 4px 10px #0000004d;margin-bottom:30px;font-size:clamp(24px,5vw,40px);font-weight:800}.view-map-btn{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:50px;padding:16px 40px;font-size:16px;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 25px #0003}.view-map-btn:hover{color:#fff;background:#0fb9b1;transform:scale(1.1);box-shadow:0 15px 35px #0fb9b166}@media (max-width:1200px){.contact-content-wrapper{margin-top:-60px;padding:0 30px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-info-col{order:2}.contact-form-col{order:1}.info-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.contact-hero{padding:60px 0 100px}.contact-content-wrapper{margin-top:-50px;padding:0 20px}.form-container{border-radius:20px;padding:35px 20px}.info-card-grid{grid-template-columns:1fr;gap:15px}.info-card{flex-direction:row;align-items:center;gap:15px;padding:20px}.info-icon-wrapper{flex-shrink:0;width:45px;height:45px;margin-bottom:0;font-size:20px}.form-row{grid-template-columns:1fr;gap:15px}.map-section{height:350px}.contact-submit-btn{width:100%;padding:16px}}@media (max-width:480px){.contact-hero{padding:60px 0 80px}.contact-hero__title{margin-bottom:15px;font-size:28px}.contact-hero__subtitle{font-size:15px;line-height:1.5}.contact-content-wrapper{margin-top:-40px;padding:0 15px}.form-container{padding:25px 15px}.form-header h2{font-size:22px}.input-group input,.input-group select,.input-group textarea{padding:14px 15px;font-size:14px}.social-connect{padding:30px 20px}.social-connect h3{text-align:center;font-size:18px}.social-links{justify-content:center;gap:10px}.social-btn{width:42px;height:42px;font-size:18px}.map-info h3{margin-bottom:20px;font-size:22px}.view-map-btn{padding:12px 30px;font-size:14px}}@media (min-width:1800px){.contact-content-wrapper{max-width:1600px}.contact-grid{gap:60px}}
.form-container{background:#fff;border:1px solid #00000005;border-radius:24px;padding:clamp(30px,5vw,60px);box-shadow:0 20px 60px #00000014}.form-header{margin-bottom:40px}.form-header h2{color:#0f172a;margin-bottom:12px;font-size:clamp(24px,4vw,32px);font-weight:800}.form-header p{color:#64748b;font-size:16px;line-height:1.5}.main-contact-form{flex-direction:column;gap:15px;display:flex}.form-row{grid-template-columns:1fr 1fr;align-items:start;gap:15px;display:grid}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#334155;margin-left:4px;font-size:14px;font-weight:600}.input-group input,.input-group select,.input-group textarea{color:#0f172a;background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;outline:none;padding:12px 18px;font-family:Inter,sans-serif;font-size:15px;transition:all .3s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{background:#fff;border-color:#0fb9b1;box-shadow:0 0 0 5px #0fb9b114}.field-error-msg{color:#ef4444;margin-top:-6px;margin-left:9px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;animation:.2s cubic-bezier(.16,1,.3,1) forwards errorSlideIn;display:block}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.contact-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0fb9b1 0%,#0d9488 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:fit-content;margin-top:10px;padding:18px 35px;font-size:16px;font-weight:700;transition:all .4s;display:flex;box-shadow:0 10px 25px #0fb9b140}.contact-submit-btn:hover{background:linear-gradient(135deg,#0d9488 0%,#0a7a70 100%);transform:translateY(-3px);box-shadow:0 15px 35px #0fb9b166}.contact-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.contact-submit-btn svg{font-size:18px;transition:transform .3s}.contact-submit-btn:hover svg{transform:translate(5px)rotate(-10deg)}@media (max-width:768px){.form-container{border-radius:20px;padding:35px 20px}.form-row{grid-template-columns:1fr;gap:15px}.contact-submit-btn{width:100%;padding:16px}}@media (max-width:480px){.form-container{padding:25px 15px}.form-header h2{font-size:22px}.input-group input,.input-group select,.input-group textarea{padding:12px 15px;font-size:14px}}.form-success{text-align:center;padding:40px 20px}.form-success__icon{color:#0fb9b1;margin-bottom:16px;font-size:48px}.form-success__title{color:#0f172a;margin-bottom:8px;font-size:24px;font-weight:700}.form-success__text{color:#64748b;font-size:16px;line-height:1.6}
.contact-info-col{flex-direction:column;gap:30px;display:flex}.info-card-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.info-card{background:#fff;border:1px solid #00000008;border-radius:20px;flex-direction:column;align-items:flex-start;padding:clamp(20px,3vw,30px);transition:all .4s;display:flex;box-shadow:0 10px 30px #0000000d}.info-card:hover{border-color:#0fb9b1;transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.info-icon-wrapper{color:#0fb9b1;background:#0fb9b11a;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:20px;font-size:24px;transition:all .3s;display:flex}.info-card:hover .info-icon-wrapper{color:#fff;background:#0fb9b1;transform:rotate(10deg)}.info-details h3{color:#0f172a;margin-bottom:8px;font-size:18px;font-weight:700}.info-details p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.social-connect{color:#fff;background:#0f172a;border-radius:24px;padding:40px;box-shadow:0 15px 35px #0b0f1a33}.social-connect h3{letter-spacing:-.02em;margin-bottom:25px;font-size:22px;font-weight:700}.social-links{flex-wrap:wrap;gap:15px;display:flex}.social-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.social-btn:hover{background:#0fb9b1;border-color:#0fb9b1;transform:translateY(-5px)rotate(-5deg);box-shadow:0 10px 20px #0fb9b14d}@media (max-width:1200px){.info-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.info-card-grid{grid-template-columns:1fr;gap:15px}.info-card{flex-direction:row;align-items:center;gap:15px;padding:20px}.info-icon-wrapper{flex-shrink:0;width:45px;height:45px;margin-bottom:0;font-size:20px}}@media (max-width:480px){.social-connect{padding:30px 20px}.social-connect h3{text-align:center;font-size:18px}.social-links{justify-content:center;gap:10px}.social-btn{width:42px;height:42px;font-size:18px}}