.contact-email{display:inline-flex;align-items:center;gap:20px;color:#dfb9ff;font-size:clamp(20px,3vw,29px);font-weight:600;margin-top:16px;text-decoration:underline;text-underline-offset:7px;overflow-wrap:anywhere}
.inner-hero .email-note{font-size:13px;color:#bca6cf;margin-top:18px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-block:60px 80px}
.contact-card{display:flex;flex-direction:column;padding:32px;border:1px solid #b77df03b;border-radius:18px;background:linear-gradient(140deg,#2c1541,#170b25);transition:transform .3s,border-color .3s,box-shadow .3s}
.contact-card:hover{transform:translateY(-4px);border-color:#b77df080;box-shadow:0 18px 50px #7a29c51a}
.contact-number{color:#b792da;font-size:12px;letter-spacing:2px;margin-bottom:22px}
.contact-card h2{font-size:27px;margin-bottom:16px}
.contact-card p{color:#cfc0dd;font-size:16px;line-height:1.85;margin-bottom:25px}
.contact-card>a{color:#deb4ff;font-size:14px;font-weight:600;margin-top:auto;align-self:flex-start;padding-block:8px}
.contact-card>a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:640px){.contact-grid{grid-template-columns:1fr;padding-block:35px 50px;gap:18px}.contact-card{padding:25px}.contact-card h2{font-size:24px}.contact-email{gap:10px}}
@media(prefers-reduced-motion:reduce){.contact-card{transition:none}}