.contact-details-section{background-color:var(--bg-primary);padding:60px 0 100px;scroll-margin-top:80px;overflow-x:hidden}.contact-layout-grid{grid-template-columns:1.2fr 1fr;align-items:flex-start;gap:60px;display:grid}.contact-channels-info{flex-direction:column;display:flex}.contact-sub-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:12px;font-size:1.5rem;font-weight:700}.contact-intro-text{color:var(--text-muted);margin-bottom:32px;font-size:.95rem;line-height:1.6}.channel-cards-list{flex-direction:column;gap:16px;display:flex}.contact-channel-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);gap:20px;padding:20px;text-decoration:none;display:flex}.contact-channel-card:hover{border-color:var(--accent-color);background-color:var(--bg-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.card-icon-bubble{background-color:var(--bg-primary);border:1px solid var(--border-color);width:48px;height:48px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.card-detail-info{flex-direction:column;gap:4px;display:flex}.card-detail-info h4{color:var(--text-primary);font-size:1.05rem;font-weight:700}.card-label{color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.card-action-hint{color:var(--text-muted);margin-top:4px;font-size:.8rem}.contact-form-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:40px}.contact-form-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:8px;font-size:1.3rem;font-weight:700}.contact-form-desc{color:var(--text-muted);margin-bottom:24px;font-size:.85rem}@media (width<=900px){.contact-layout-grid{grid-template-columns:1fr;gap:40px}.contact-form-panel{padding:24px}}@media (width<=768px){.contact-layout-grid{grid-template-columns:1fr!important;gap:32px!important}.contact-form-panel{padding:20px!important}}
