.contact-page{flex-direction:column;min-height:calc(100vh - 80px);display:flex}.contact-team-section{padding:var(--space-12) 0;background:radial-gradient(at 50% 0,#f6a20014 0%,#0000 60%);flex:1;align-items:center;display:flex}.contact-team-section .section-subtitle{text-transform:none;letter-spacing:.02em;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600}.contact-info-section{padding-top:0}.contact-cards{gap:var(--space-4);grid-template-columns:repeat(3,1fr);max-width:680px;margin:0 auto;display:grid}.contact-card{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:border-color var(--transition-base), transform var(--transition-base);color:inherit;flex-direction:column;text-decoration:none;display:flex}.contact-card:hover{border-color:#f6a2004d;transform:translateY(-2px)}.contact-card--clickable{cursor:pointer;border-color:#f6a20033}.contact-card--clickable:hover{border-color:var(--color-accent-500);background:#f6a2000f;transform:translateY(-3px);box-shadow:0 12px 32px #f6a20026}.contact-card--clickable:hover .contact-card-icon{color:var(--color-primary-900);transform:scale(1.12)rotate(5deg);box-shadow:0 8px 24px #f6a2004d}.contact-card--clickable:hover .contact-card-icon:before{opacity:1}.contact-card-icon{border-radius:var(--radius-lg);width:44px;height:44px;color:var(--color-accent-500);transition:transform var(--transition-bounce), color var(--transition-base), box-shadow var(--transition-base);background:linear-gradient(135deg,#f6a20026 0%,#f6a2000d 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.contact-card-icon:before{content:"";background:linear-gradient(135deg, var(--color-accent-600) 0%, var(--color-accent-300) 100%);border-radius:inherit;opacity:0;transition:opacity var(--transition-base);position:absolute;inset:0}.contact-card-icon svg{z-index:1;position:relative}.contact-card-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500)}[dir=rtl] .contact-card-label{letter-spacing:normal}.contact-card-value{font-size:var(--text-sm);color:var(--color-white);font-weight:500}.contact-team-section{padding-top:0}.contact-team-header{text-align:center;margin-bottom:var(--space-8)}.contact-team-title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-white);margin-bottom:var(--space-3)}.contact-team-sub{color:var(--color-gray-400);font-size:var(--text-base);max-width:520px;margin:0 auto}.contact-team-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);max-width:700px;margin:0 auto;display:grid}.contact-person-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:border-color var(--transition-base);display:flex}.contact-person-card:hover{border-color:#f6a2004d}.contact-person-avatar{width:80px;height:80px;font-size:var(--text-xl);color:var(--color-accent-400);background:linear-gradient(135deg,#f6a2002e 0%,#f6a2000f 100%);border:1px solid #f6a20040;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.contact-person-avatar-img{object-fit:cover;object-position:center 45%;width:100%;height:100%}.contact-person-info{flex-direction:column;gap:3px;min-width:0;display:flex}.contact-person-name{font-size:var(--text-base);color:var(--color-white);font-weight:600}.contact-person-role{font-size:var(--text-xs);color:var(--color-gray-400)}.contact-person-lang{font-size:var(--text-xs);color:var(--color-accent-500);font-weight:500}.contact-person-actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:nowrap;display:flex}.contact-person-btn{color:var(--color-gray-300);font-size:var(--text-xs);white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:100px;align-items:center;gap:5px;padding:5px 12px;text-decoration:none;display:inline-flex}.contact-person-btn:hover{color:var(--color-white);background:#ffffff17;border-color:#ffffff40}.contact-person-btn--wa{color:#4cd97a;border-color:#25d36640}.contact-person-btn--wa:hover{color:#4cd97a;background:#25d3661a;border-color:#25d36680}.contact-person-col{gap:var(--space-2);flex-direction:column;display:flex}.contact-person-email-bar{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-xs);background:#f6a2000d linear-gradient(90deg,#0000 0% 40%,#f6a20014 50%,#0000 60% 100%) 0 0/200% 100%;-webkit-background-clip:unset;background-clip:unset;color:var(--color-accent-400);transition:box-shadow var(--transition-base), border-color var(--transition-base), color var(--transition-base);border:1px solid #f6a2004d;text-decoration:none;animation:3s ease-in-out infinite emailBarShimmer;display:flex;box-shadow:0 0 10px #f6a2001f,0 0 20px #f6a2000f}.contact-person-email-bar:hover{color:var(--color-accent-300);border-color:#f6a200b3;animation:1.5s ease-in-out infinite emailBarShimmer;box-shadow:0 0 18px #f6a20059,0 0 40px #f6a20026}@keyframes emailBarShimmer{0%{background-position:100%}to{background-position:-100%}}@media (max-width:768px){.contact-cards,.contact-team-grid{grid-template-columns:1fr}}@media (max-width:480px){.contact-cards{grid-template-columns:1fr}}
