.contact-page{ max-width:1000px; margin:auto; padding:40px 20px; color:#14243a; } .contact-page h1{ margin:0 0 12px; text-align:center; color:#0c2548; font-size:42px; } .contact-intro{ max-width:760px; margin:0 auto 35px; text-align:center; line-height:1.8; } .contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; } .contact-card{ padding:28px; border:1px solid #ddd; border-radius:18px; background:#fff; } .contact-card h2{ margin:0 0 20px; color:#0c2548; font-size:27px; } .contact-card h3{ margin:0 0 5px; font-size:19px; } .contact-card p, .contact-card address{ margin:8px 0; line-height:1.6; font-style:normal; } .contact-card a{ color:#0c2548; text-decoration:none; } .contact-card a:hover{ text-decoration:underline; } .warehouse{ padding:15px 0; border-bottom:1px solid #eee; } .warehouse:last-child{ border-bottom:0; } .contact-form{ margin-top:25px; padding:30px; border-radius:18px; background:#f6f6f6; } .contact-form h2{ margin-top:0; color:#0c2548; font-size:30px; } .contact-form label{ display:block; margin:18px 0 7px; font-weight:700; } .contact-form input, .contact-form textarea{ width:100%; box-sizing:border-box; padding:14px; border:1px solid #ccc; border-radius:10px; background:#fff; font:inherit; } .contact-form textarea{ min-height:150px; resize:vertical; } .contact-form button{ margin-top:20px; padding:15px 30px; border:0; border-radius:30px; background:#0c2548; color:#fff; font-weight:700; cursor:pointer; } .contact-success{ padding:14px; border-radius:8px; background:#e8f6eb; } @media(max-width:749px){ .contact-page h1{font-size:32px} .contact-grid{grid-template-columns:1fr} .contact-card,.contact-form{padding:22px} }