#contact.invitation{padding:80px 6% 65px;background:#0c1022;border-block:1px solid #b99aff22;text-align:center}
#contact h2{font-size:clamp(40px,4.5vw,66px);color:#fff1e5}
#contact .contact-description{max-width:620px;margin:22px auto 35px;color:#c6c4d3;font-size:15px;line-height:1.85}
#contact .contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:880px;margin:auto;text-align:left}
#contact .contact-card{display:flex;align-items:center;gap:20px;padding:26px;background:#17162c;border:1px solid #b99aff36;border-radius:10px;min-width:0}
#contact .contact-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:#d9b977;border-radius:10px}
#contact .contact-icon img{display:block;width:26px;height:26px}
#contact .contact-card h3{font:24px Georgia,serif;color:#f3e4cb;margin:0 0 7px}
#contact .contact-card p{font-size:13px;color:#bcb6d1;margin:0}
#contact .contact-pending{display:block;color:#aaa0bc;font-size:10px;margin-top:12px}
#contact .contact-email{font:14px Arial,sans-serif;display:inline-block;margin:30px 0 0;padding:0 0 6px;color:#d9b977;border-bottom:1px solid #d9b97755}
#contact .contact-card[href]:hover{border-color:#d9b97799}
.site-final-footer{padding:25px 6%;background:#080c1b;text-align:center}
.site-final-footer .brand{justify-content:center;font-size:14px}
.site-final-footer .footer-copyright{margin:12px 0 0;color:#a8a9bd;font-size:10px}
@media(max-width:600px){#contact.invitation{padding:60px 6% 45px}#contact .contact-grid{grid-template-columns:1fr;gap:14px}#contact .contact-card{padding:22px}#contact .contact-description{font-size:14px}}