.contact-layout{text-align:left;grid-template-columns:1fr 1fr;gap:4rem;max-width:1400px;margin:3rem auto;display:grid}.contact-info{padding-right:2rem}.info-item{margin-bottom:2.5rem}.info-item h2{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.8rem;font-size:1.5rem;font-weight:700}.info-item p{color:var(--text-primary);font-size:1.1rem;line-height:1.7}.contact-link{color:var(--text-primary);transition:color var(--transition-fast);text-decoration:none}.contact-form-card{background:linear-gradient(135deg, var(--bg-dark-card) 0%, var(--bg-dark-elevated) 100%);box-shadow:var(--shadow-lg);border:1px solid #ffffff0d;border-radius:20px;padding:2.5rem}.contact-form-card h2{color:var(--text-primary);border-bottom:2px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1rem;font-size:1.8rem;font-weight:700}.map-section{text-align:left;grid-template-columns:1fr 1.5fr;align-items:center;gap:4rem;max-width:1400px;margin:5rem auto 3rem;padding:0 2rem;display:grid}.map-header{margin-bottom:0}.map-header h2{color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:700}.map-header p{color:var(--text-primary);max-width:400px;font-size:1.2rem}.map-container{box-shadow:var(--shadow-lg);background:var(--bg-dark-card);background-image:radial-gradient(circle,#ffffff1a 1px,#0000 1px);background-size:20px 20px;border:1px solid #ffffff0d;border-radius:20px;height:380px;position:relative;overflow:hidden}.map-container:before{content:"Click to Load Map";color:var(--text-secondary);pointer-events:none;opacity:1;z-index:5;font-size:1.2rem;font-weight:600;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-container.map-loaded:before{opacity:0;pointer-events:none}.map-container iframe{border:0;width:100%;height:100%}.map-overlay-btn{background:var(--primary-gradient);color:#fff;z-index:10;white-space:nowrap;border-radius:50px;padding:.8rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s;position:absolute;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00000080}.map-overlay-btn:hover{box-shadow:0 8px 25px color-mix(in srgb, var(--primary-solid), transparent 50%);transform:translate(-50%)translateY(-3px)}@media (width<=1024px){.contact-layout{grid-template-columns:1fr;gap:3rem}.map-section{text-align:center;grid-template-columns:1fr;gap:2rem}.map-header p{margin:0 auto}}@media (width<=600px){.dev-options-grid{grid-template-columns:1fr}}.form-status{border-radius:8px;margin-top:15px;padding:10px 15px;font-size:.9rem;font-weight:500;display:none}.form-status.success{color:#10b981;background-color:#10b9811a;border:1px solid #10b981;display:block}.form-status.error{color:#ef4444;background-color:#ef44441a;border:1px solid #ef4444;display:block}button:disabled,button.is-loading{opacity:.7;cursor:wait}.form-group{padding-bottom:20px;position:relative}.form-group input.has-error,.form-group textarea.has-error{background-color:#ef44440d;border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.validation-message{color:#ef4444;opacity:0;pointer-events:none;margin-top:5px;font-size:.85rem;font-weight:500;line-height:1.2;transition:all .3s;position:absolute;bottom:0;left:0;transform:translateY(-5px)}.validation-message.is-visible{opacity:1;transform:translateY(0)}.form-group input.has-error:focus,.form-group textarea.has-error:focus{border-color:#ef4444;outline:none;box-shadow:0 0 0 4px #ef444433}
