.contact-page-wrap{max-width:1080px}
.contact-hero p{max-width:760px}
.contact-shell{border:1px solid color-mix(in srgb,var(--ether) 70%,#fff);box-shadow:0 14px 44px rgba(15,23,42,.08);background:#fff}
.contact-side-card{border:1px solid color-mix(in srgb,var(--ether) 70%,#fff)}
.contact-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}
.contact-chip{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left;border:1px solid color-mix(in srgb,var(--ether) 78%,#fff);background:#fff;color:var(--text-main);border-radius:8px;padding:.8rem .9rem;font-size:.92rem;transition:all .2s ease;min-height:96px}
.contact-chip i{font-size:1.1rem;color:var(--primary)}
.contact-chip small{display:block;color:var(--text-secondary);font-size:.76rem;line-height:1.25}
.contact-chip:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 42%,#fff);box-shadow:0 10px 24px rgba(15,23,42,.08)}
.contact-chip.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 22%,#fff),0 8px 24px rgba(79,70,229,.12)}
.contact-dynamic-panel{animation:contactFade .22s ease}
@keyframes contactFade{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.dropzone{display:block;border:1px dashed rgba(255,255,255,.35);border-radius:.75rem;padding:.8rem;cursor:pointer;font-size:.9rem;color:#c6c6c6;transition:all .2s ease}
.dropzone:hover,.dropzone.is-drag{border-color:#ff4d6d;background:rgba(255,77,109,.08);color:#fff}
@media (max-width:768px){.contact-type-grid{grid-template-columns:1fr}}