.contact-page{background:linear-gradient(#f8fbff,#eef4ff);min-height:100vh;font-family:Inter,sans-serif}.contact-container{grid-template-columns:1fr;gap:2rem;max-width:1100px;margin:50px auto 0;display:grid}.inputBox::placeholder,body{color:#334155}@media (min-width:900px){.contact-container{grid-template-columns:1fr 1fr;align-items:start}}.contact-info h2{color:#1e3a8a;margin-bottom:.5rem;font-size:2rem;font-weight:700}.contact-info .subtitle{color:#475569;margin-bottom:1.5rem;font-size:1rem}.contact-info .info-details p{color:#334155;margin-bottom:.5rem;font-size:.95rem}.map-container{border-radius:10px;margin-top:1.5rem;overflow:hidden;box-shadow:0 4px 12px #0000001a}.map-container iframe{border:none;width:100%;height:250px}.contact-form{background:#fff;border-radius:10px;padding:30px;box-shadow:0 8px 20px #0000000d}.contact-form h3{color:#1e3a8a;margin-bottom:1.5rem;font-size:1.5rem}.form-group{flex-direction:column;margin-bottom:1rem;display:flex}.form-group label{color:#334155;margin-bottom:.4rem;font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 5px #2563eb4d}button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#1d4ed8);border:none;border-radius:6px;padding:10px 20px;font-weight:600;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2563eb4d}