.contact-page{background:var(--bg);min-height:100vh;font-family:var(--font-cairo), sans-serif;padding:clamp(100px,12vh,140px) 5% 80px;position:relative;overflow-x:hidden}.contact-container{max-width:var(--layout-max-w);margin:0 auto}.contact-hero{text-align:center;border:1.5px solid var(--stage-border);border-radius:var(--radius-xl);max-width:820px;box-shadow:var(--stage-shadow);background:#fff;margin:0 auto 52px;padding:44px 32px;position:relative}.contact-hero:before{content:"✦";top:24px;color:var(--brand-500);opacity:.6;font-size:22px;position:absolute;inset-inline-start:32px}.contact-hero:after{content:"✦";bottom:24px;color:var(--warm-accent);opacity:.75;font-size:20px;position:absolute;inset-inline-end:32px}.contact-hero h1{color:var(--brand-900);letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(30px,4.5vw,46px);font-weight:900}.contact-hero p{color:var(--text-muted);max-width:620px;margin:0 auto;font-size:clamp(15px,1.8vw,18px);line-height:1.7}
