.contact-dark{--bg:#0b0c10;--card:#12131a;--card-2:#161823;--text:#e8e8ea;--muted:#a9a9b3;--ring:#5b86ff;--ring-2:#7b5bff;--shadow:0 10px 30px rgba(0,0,0,0.45);background:radial-gradient(1200px 800px at 10% -10%,#141620 0,var(--bg) 55%) fixed;color:var(--text);min-height:100vh}.contact-dark:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(800px 400px at 80% -20%,rgba(123,91,255,.12),transparent 60%),radial-gradient(700px 300px at -10% 110%,rgba(91,134,255,.1),transparent 60%);z-index:0}.contact-hero{position:relative;z-index:1;border-bottom:1px solid rgba(255,255,255,.06)}.contact-hero .display-5{letter-spacing:-.02em}.contact-hero .lead{color:var(--muted)}.contact-card{position:relative;z-index:1;padding:1.25rem;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)) border-box,linear-gradient(180deg,var(--card),var(--card-2)) padding-box;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.contact-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.55);border-color:rgba(123,91,255,.4)}.contact-card h3{color:var(--text)}.contact-card p{color:var(--muted)}.contact-icon{width:44px;height:44px;border-radius:12px;margin-bottom:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(91,134,255,.18),rgba(123,91,255,.18));border:1px solid rgba(123,91,255,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.contact-icon i{font-size:1.1rem;color:#c9d3ff}