.contact-main{width:100%;max-width:720px;margin:0 auto;padding:0 var(--space-6) var(--space-16);box-sizing:border-box}.contact-page-header{padding:3.5rem 0 2.5rem}.contact-page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);letter-spacing:-.03em;margin:0 0 .6rem}.contact-page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.7;margin:0}.platform-group{margin-bottom:var(--space-8)}.platform-group__label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);line-height:1.2;color:var(--section-label-color);margin:0 0 var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--section-label-border)}.platform-group__label:before{content:"";width:.6rem;height:.6rem;border-radius:var(--radius-sm);background:var(--section-label-accent);box-shadow:0 0 0 4px var(--section-label-marker-bg);flex-shrink:0}.platform-group__grid{display:grid;gap:var(--space-3)}.platform-group__grid--1{grid-template-columns:1fr}.platform-group__grid--2{grid-template-columns:repeat(2,1fr)}.platform-card{display:flex;align-items:center;gap:.875rem;padding:.9rem var(--space-4);background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.platform-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.platform-icon{width:40px;height:40px;border-radius:var(--radius-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.platform-icon--img img{width:22px;height:22px;object-fit:contain;border-radius:var(--radius-sm)}.platform-card:hover .platform-icon{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent);background:color-mix(in srgb,var(--color-primary) 6%,transparent)}.platform-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.platform-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.platform-handle{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-arrow{flex-shrink:0;color:var(--color-text-tertiary);transition:color var(--transition-fast),transform var(--transition-fast)}.platform-card:hover .platform-arrow{color:var(--color-primary);transform:translate(3px)}.availability-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:.6rem .875rem;background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-success-text);margin-top:var(--space-2)}.availability-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-success-dot);flex-shrink:0;animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@media(max-width:640px){.contact-main{padding:0 var(--space-4) var(--space-12)}.contact-page-header{padding-top:2.5rem}.platform-group__grid--2{grid-template-columns:1fr}}button.platform-card{cursor:pointer;font-family:inherit;width:100%;text-align:left}.js-contact-copy-email .icon-check,.js-contact-copy-email .label-copied,.js-contact-copy-email[data-copied] .icon-copy,.js-contact-copy-email[data-copied] .label-default{display:none}.js-contact-copy-email[data-copied] .icon-check,.js-contact-copy-email[data-copied] .label-copied{display:block}.js-contact-copy-email[data-copied]{border-color:var(--color-primary)}.js-contact-copy-email[data-copied] .icon-check{color:var(--color-primary)}
