body { color: var(--text-primary); font-family: var(--font-ar); margin: 0; padding-bottom: calc(90px + var(--sab)); }
.container { max-width: 640px; margin: 0 auto; padding: 24px 16px 40px; }
.contact-channel {
    display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: var(--radius-lg);
    background: var(--glass-bg); backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-border);
    margin-bottom: 10px; text-decoration: none; color: inherit;
}
.contact-channel i,
.contact-channel .brand-icon { color: var(--primary-ink); flex: 0 0 auto; }
.contact-form-box {
    background: var(--bg-surface); border: 1px solid var(--border-color);
    border-radius: var(--radius-lg); padding: 20px; margin-top: 24px;
}
.contact-form-box input, .contact-form-box textarea {
    width: 100%; margin-bottom: 12px; padding: 12px; border: 1px solid var(--border-color);
    border-radius: var(--radius-sm); font-family: var(--font-ar); background: var(--bg-app);
    color: var(--text-primary); box-sizing: border-box;
}
.contact-form-box textarea { resize: vertical; }