.contact-page{background:var(--color-bg);min-height:100vh}.contact-hero{text-align:center;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);padding:120px 20px 80px;position:relative;overflow:hidden}.contact-hero:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.contact-hero-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.contact-hero-title{color:#fff;margin:0 0 16px;font-size:48px;font-weight:700;line-height:1.2}.contact-hero-subtitle{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:20px;line-height:1.6}.contact-content{opacity:0;padding:80px 20px;transition:all .8s;transform:translateY(30px)}.contact-content.visible{opacity:1;transform:translateY(0)}.contact-content-container{max-width:1200px;margin:0 auto}.contact-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:60px;display:grid}.contact-info-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px 24px;transition:all .3s;box-shadow:0 4px 12px #00000014}.contact-info-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.contact-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;transition:all .3s;display:flex}.phone-icon{color:var(--color-primary);background:#2563eb1a}.email-icon{color:#ef4444;background:#ef44441a}.whatsapp-icon{color:#25d366;background:#25d3661a}.location-icon{color:#f59e0b;background:#f59e0b1a}.contact-info-card:hover .contact-icon{transform:scale(1.1)}.contact-info-title{color:var(--color-text);margin:0 0 8px;font-size:18px;font-weight:600}.contact-info-link{color:var(--color-primary);margin-bottom:4px;font-size:16px;font-weight:600;text-decoration:none;transition:color .3s;display:block}.contact-info-link:hover{color:#1e40af}.contact-info-text{color:var(--color-text-secondary);margin:0;font-size:14px}.contact-two-column{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:60px;display:grid}.contact-form-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:16px;height:fit-content;padding:40px;box-shadow:0 4px 24px #00000014}.contact-form-header{text-align:center;margin-bottom:32px}.contact-form-title{color:var(--color-text);margin:0 0 12px;font-size:32px;font-weight:700;line-height:1.2}.contact-form-subtitle{color:var(--color-text-secondary);margin:0;font-size:16px;line-height:1.6}.contact-form{width:100%}.contact-sidebar{flex-direction:column;gap:24px;display:flex}.form-group{margin-bottom:24px}.form-label{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.required{color:#ef4444}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .3s}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:#9ca3af}.phone-input-group{gap:12px;display:flex}.country-code-select{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:180px;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .3s}.country-code-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.phone-input{flex:1}.form-select{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .3s}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;min-height:120px;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .3s}.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-textarea::placeholder{color:#9ca3af}.submit-button{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-top:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.submit-button:hover{background:#22c55e;transform:translateY(-2px);box-shadow:0 8px 16px #25d3664d}.submit-button:active{transform:translateY(0)}.address-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:0;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000014}.address-header{background:linear-gradient(135deg,var(--color-primary)0%,#1e40af 100%);align-items:center;gap:14px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.address-header:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:0;right:0;transform:translate(40%,-40%)}.address-icon{width:48px;height:48px;color:var(--color-primary);z-index:1;background:#fffffff2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 12px #0000001a}.address-title{color:#fff;z-index:1;margin:0;font-size:20px;font-weight:700;line-height:1.2;position:relative}.address-details{background:#fff;padding:28px}.address-line{color:var(--color-text-primary);align-items:center;gap:10px;margin:0 0 10px;font-size:15px;font-weight:500;line-height:1.6;display:flex}.address-line:before{content:"";background:var(--color-primary);border-radius:50%;flex-shrink:0;width:4px;height:4px}.address-line:last-child{color:var(--color-primary);margin-bottom:0;font-weight:600}.map-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;box-shadow:0 4px 24px #00000014}.map-title{color:var(--color-text);margin:0 0 20px;font-size:22px;font-weight:700;line-height:1.2}.map-container{background:linear-gradient(135deg,#dbeafe 0%,#eef2ff 100%);border:1px solid #dbeafe;border-radius:16px;width:100%;height:340px;padding:10px;position:relative;box-shadow:0 14px 35px #2563eb26}.map-frame{background:#f8fbff;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden}.map-iframe{border-radius:inherit;filter:saturate(1.1)contrast(1.02);border:0;width:100%;height:100%}.map-highlight{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 18% 18%,#ffffff73,#0000 35%),radial-gradient(circle at 82% 82%,#2563eb1f,#0000 40%);position:absolute;inset:0}.business-hours-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;box-shadow:0 4px 24px #00000014}.business-hours-title{color:var(--color-text);margin:0 0 20px;font-size:22px;font-weight:700;line-height:1.2}.business-hours-list{flex-direction:column;gap:12px;display:flex}.business-hours-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex}.business-hours-item:hover{border-color:var(--color-primary);background:#2563eb0d}.day{color:var(--color-text);font-size:15px;font-weight:600}.time{color:var(--color-text-secondary);font-size:14px;font-weight:500}@media (max-width:1024px){.contact-two-column{grid-template-columns:1fr;gap:24px}}@media (max-width:768px){.contact-hero{padding:100px 20px 60px}.contact-hero-title{font-size:36px}.contact-hero-subtitle{font-size:18px}.contact-content{padding:60px 20px}.contact-info-grid{grid-template-columns:1fr;gap:16px}.contact-two-column{grid-template-columns:1fr;gap:24px}.contact-form-wrapper{padding:32px 24px}.contact-form-title{font-size:24px}.contact-form-subtitle{font-size:14px}.phone-input-group{flex-direction:column;gap:12px}.country-code-select{width:100%}.address-header{padding:20px 24px}.address-icon{width:44px;height:44px}.address-title{font-size:18px}.address-details{padding:24px}.address-line{font-size:14px}.map-section{padding:24px}.map-title{font-size:20px}.map-container{height:280px;padding:8px}.business-hours-section{padding:24px}.business-hours-title{font-size:20px}}@media (max-width:480px){.contact-hero-title{font-size:32px}.contact-hero-subtitle{font-size:16px}.contact-form-wrapper{padding:24px 20px}.contact-form-title{font-size:24px}.map-container{height:240px}}