/* ============================================================
   Contact — page-specific layout. Links AFTER assets/theme.css.
   ============================================================ */
.contact-hero{
  margin:14px 16px 0; border-radius:20px; overflow:hidden; padding:22px 20px;
  background:radial-gradient(120% 100% at 100% 0%, rgba(20,123,255,0.2), transparent 55%), linear-gradient(160deg,#0a1a38 0%, #030914 75%);
  border:1px solid var(--line);
}
.contact-hero-eyebrow{display:flex; align-items:center; gap:6px; font-size:10px; color:var(--blue-br); font-weight:800; letter-spacing:1px; text-transform:uppercase; margin-bottom:8px;}
.contact-hero h1{font-size:19px; font-weight:900; margin:0 0 6px;}
.contact-hero-sub{font-size:12.5px; color:var(--muted); font-weight:600; line-height:1.55;}
.contact-hero-sub a{color:var(--blue-br); font-weight:700; text-decoration:none;}

/* ============ EMAIL CARD ============ */
.email-card{border-radius:16px; background:var(--card); border:1px solid var(--blue-br); padding:18px; margin:0 16px;}
.email-label{font-size:9.5px; font-weight:800; letter-spacing:0.5px; text-transform:uppercase; color:var(--muted); margin-bottom:8px;}
.email-value{font-size:14px; font-weight:900; color:var(--blue-br); word-break:break-all; line-height:1.4; margin-bottom:16px;}
.email-actions{display:flex; gap:8px; flex-wrap:wrap;}
.email-actions .btn{flex:1; min-width:130px; margin:0;}

/* ============ INFO ROWS ============ */
.contact-card{border-radius:14px; background:var(--card); border:1px solid var(--line); overflow:hidden; margin:0 16px 12px;}
.contact-row{display:flex; align-items:center; gap:12px; padding:14px; border-top:1px solid rgba(255,255,255,0.06); min-height:56px; text-decoration:none; color:inherit;}
.contact-row:first-child{border-top:none;}
.contact-icon{width:34px; height:34px; border-radius:10px; flex-shrink:0; background:rgba(255,255,255,0.05); color:var(--muted); display:flex; align-items:center; justify-content:center;}
a.contact-row .contact-icon{background:rgba(20,123,255,0.14); color:var(--blue-br);}
.contact-icon .msr{font-size:17px;}
.contact-body{flex:1; min-width:0;}
.contact-title{font-size:12.5px; font-weight:800; display:block;}
.contact-desc{font-size:10.5px; color:var(--muted); font-weight:600; margin-top:3px; display:block; line-height:1.5;}
.contact-chevron{color:var(--muted); flex-shrink:0; font-size:17px;}

/* ============ TIPS ============ */
.tips-card{border-radius:16px; background:var(--bg2); border:1px solid var(--line); padding:18px; margin:0 16px;}
.tips-title{font-size:12.5px; font-weight:800; margin-bottom:10px;}
.tips-list{list-style:none; padding:0; margin:0;}
.tips-list li{font-size:11.5px; color:var(--muted); font-weight:600; line-height:1.55; padding-left:16px; position:relative; margin-bottom:8px;}
.tips-list li:last-child{margin-bottom:0;}
.tips-list li::before{content:''; position:absolute; left:0; top:7px; width:5px; height:5px; border-radius:50%; background:var(--blue-br);}