.contact-screen{--page-bg: #000000;--page-foreground: #f7f8ff;--page-muted: rgba(186, 196, 222, .72);--page-surface: rgba(9, 12, 18, .95);--page-card: rgba(12, 14, 22, .92);--page-border: rgba(255, 255, 255, .06);--page-border-strong: rgba(100, 200, 255, .3);--page-accent: #64c8ffe6;--page-accent-soft: rgba(100, 200, 255, .18);min-height:100vh;background:var(--page-bg);color:var(--page-foreground);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.65}.contact-container{width:min(1200px,92vw);margin:0 auto;padding:7rem 0 4.5rem}.contact-header{text-align:center;margin-bottom:2.75rem}.contact-title{font-size:clamp(2.4rem,4vw,3.4rem);font-weight:700;color:var(--page-foreground);margin:0 0 1rem}.contact-subtitle{font-size:1.05rem;color:var(--page-muted);margin:0}.contact-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:clamp(1rem,2vw,1.4rem)}.contact-card{background:var(--page-card);border:1px solid rgba(255,255,255,.04);border-radius:20px;padding:clamp(1.2rem,2vw,1.6rem);display:flex;flex-direction:column;gap:1rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.contact-card:hover{transform:translateY(-3px);border-color:#64c8ff38;box-shadow:0 14px 32px #0c122480}.contact-card-header{display:flex;flex-direction:column;gap:.35rem}.contact-card-title{font-size:1.2rem;font-weight:700;color:var(--page-foreground);margin:0}.contact-card-desc{font-size:.96rem;color:#d6eaffc7;margin:0}.contact-info{margin-top:.35rem;display:flex;flex-direction:column;gap:.65rem}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.contact-row:last-child{border-bottom:none}.contact-label{font-weight:600;color:#e5e9ffd1;font-size:.92rem}.contact-value{color:#e7f4ffc7;font-size:.92rem}.contact-value a{color:var(--page-accent);text-decoration:none;font-weight:600}.contact-value a:hover{color:#c6ebfff2}@media (min-width: 768px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-container{padding:9rem 0 6.5rem}}@media (min-width: 1024px){.contact-container{width:min(1280px,90vw)}}