.contact-page{padding-bottom:var(--spacing-3xl);background:#060a13}.contact-hero{padding:var(--spacing-2xl) 0 var(--spacing-xl);text-align:center;background:linear-gradient(180deg,#060a13,#047cf808,#060a13);position:relative}.contact-hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(4,124,248,.08) 0%,transparent 70%);pointer-events:none}.contact-hero-title{margin-bottom:var(--spacing-s);max-width:640px;margin-left:auto;margin-right:auto;color:#fff}.contact-hero-subtitle{max-width:560px;margin:0 auto var(--spacing-l);color:#fff9}.contact-hero-cta{display:inline-flex;box-shadow:0 0 30px #047cf840}.contact-hero-cta:hover{box-shadow:0 0 40px #047cf859}@media(min-width:768px){.contact-hero{padding:var(--spacing-3xl) 0 var(--spacing-2xl)}.contact-hero-subtitle{margin-bottom:var(--spacing-xl)}}.contact-cards{background:#060a13}.contact-cards-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-m)}@media(min-width:768px){.contact-cards-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-l)}}@media(min-width:1024px){.contact-cards-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}}.contact-card{display:flex;flex-direction:column;height:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-s);padding:var(--spacing-l);transition:all .2s ease}.contact-card:hover{border-color:#047cf84d;box-shadow:0 0 24px #047cf814}.contact-card-icon{margin-bottom:var(--spacing-s);display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#047cf81a;border:1px solid rgba(4,124,248,.2);border-radius:var(--radius-xs);color:var(--color-brand-400);box-shadow:0 0 20px #047cf81a}.contact-card-title{margin-bottom:var(--spacing-xs);color:#fff}.contact-card-desc{margin:0;flex:1;color:#fff9}@media(max-width:480px){.contact-hero{padding:var(--spacing-l) 0 var(--spacing-m)}.contact-hero-title{font-size:24px}.contact-cards-grid{grid-template-columns:1fr;gap:var(--spacing-s)}.contact-card{padding:var(--spacing-m)}.contact-details-grid{grid-template-columns:1fr}}