.contact-page-section { padding-top: 72px; background: linear-gradient(180deg, #fff 0, #f5f8fc 100%); }
.contact-page-heading { max-width: 680px; margin: 0 auto 38px; text-align: center; }
.contact-page-heading h2,.contact-form-panel h2,.contact-campus-panel h2 { margin: 5px 0 10px; color: #092e61; font: 700 clamp(2rem, 3.5vw, 3.1rem)/1.1 "Lora", serif; }
.contact-page-heading > p:last-child { margin: 0; color: #556d87; font-size: 1.04rem; }
.contact-details-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 44px; }
.contact-detail-card { min-height: 238px; padding: 25px 22px; border: 1px solid #d9e2ec; border-radius: 18px; background: #fff; box-shadow: 0 14px 30px rgba(9, 35, 76, .08); text-align: center; }
.contact-icon { display: grid; width: 48px; height: 48px; place-items: center; margin: 0 auto 16px; border-radius: 50%; background: #e7eef7; color: #0b376b; }
.contact-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.9; }
.contact-detail-card h3 { margin: 0 0 10px; color: #092e61; font: 700 1.25rem "Lora", serif; }
.contact-detail-card p,.contact-detail-card a,.contact-detail-card small { display: block; margin: 0; color: #57708b; font-size: .95rem; line-height: 1.65; text-decoration: none; }
.contact-detail-card a { color: #0a3670; font-weight: 700; overflow-wrap: anywhere; }
.contact-detail-card small { margin-top: 5px; font-size: .8rem; }
.contact-main-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 24px; align-items: start; }
.contact-form-panel,.contact-campus-panel { padding: clamp(25px, 3.5vw, 42px); border-radius: 20px; box-shadow: 0 18px 36px rgba(7, 31, 65, .11); }
.contact-form-panel { background: #fff; border-top: 4px solid #e9414d; }
.contact-campus-panel { background: #092e61; color: #fff; }
.contact-campus-panel h2 { color: #fff; }
.contact-campus-panel .section-label { color: #ff8a91; }
.contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; margin-top: 25px; }
.contact-form label { display: grid; gap: 7px; color: #173d6d; font: 700 .85rem "Source Sans 3", sans-serif; }
.contact-form input,.contact-form textarea { width: 100%; box-sizing: border-box; border: 1px solid #cbd8e6; border-radius: 9px; padding: 11px 12px; background: #fbfcfe; color: #15345c; font: 400 1rem "Source Sans 3", sans-serif; }
.contact-form input:focus,.contact-form textarea:focus { outline: 2px solid rgba(233,65,77,.27); border-color: #e9414d; }
.contact-message-field { grid-column: 1 / -1; }
.contact-form textarea { resize: vertical; min-height: 135px; }
.contact-form button { grid-column: 1 / -1; min-height: 48px; border: 0; border-radius: 9px; background: #e9414d; color: #fff; cursor: pointer; font: 700 .9rem "Source Sans 3", sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.contact-form button:hover { background: #c92d3c; }
.contact-alert { margin: 16px 0 -6px; padding: 10px 12px; border-radius: 8px; font-size: .92rem; }.contact-alert.is-error { background: #fff1f1; color: #ad2632; }.contact-alert.is-success { background: #eaf8ef; color: #16613a; }
.contact-map-placeholder { display: grid; min-height: 205px; place-items: center; align-content: center; gap: 8px; margin: 24px 0; border: 1px solid rgba(255,255,255,.17); border-radius: 14px; background: linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.03)), repeating-linear-gradient(45deg, transparent 0 20px, rgba(255,255,255,.035) 20px 21px); color: #d7e7fb; }
.contact-map-placeholder svg { width: 44px; height: 44px; fill: none; stroke: #ff8a91; stroke-width: 1.5; }.contact-map-placeholder span { font: 600 .9rem "Source Sans 3", sans-serif; letter-spacing: .04em; }
.contact-map-frame { width: 100%; height: 245px; margin: 24px 0; border: 0; border-radius: 14px; background: #dce6f0; }
.contact-campus-panel > p:not(.section-label) { color: #d7e4f4; line-height: 1.7; }.contact-map-link { display: inline-flex; margin: 7px 0 25px; color: #fff; font: 700 .85rem "Source Sans 3", sans-serif; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }.contact-map-link:hover { color: #ffadb3; }
.contact-direct-info { display: grid; gap: 7px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.2); color: #d7e4f4; font-size: .9rem; line-height: 1.55; }.contact-direct-info strong { color: #fff; }
@media (max-width: 1000px) { .contact-details-grid { grid-template-columns: repeat(2, 1fr); }.contact-main-grid { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .contact-page-section { padding-top: 50px; }.contact-details-grid { grid-template-columns: 1fr; }.contact-detail-card { min-height: 0; }.contact-form { grid-template-columns: 1fr; }.contact-message-field,.contact-form button { grid-column: auto; }.contact-form-panel,.contact-campus-panel { padding: 25px 20px; } }