.contact-page{display:flex;flex-direction:column;min-height:calc(100vh - 80px)}.contact-team-section{flex:1 1;display:flex;align-items:center;padding:var(--space-12) 0;background:radial-gradient(ellipse at 50% 0,rgba(246,162,0,.08) 0,transparent 60%)}.contact-team-section .section-subtitle{font-size:clamp(1.5rem,4vw,2.5rem);text-transform:none;letter-spacing:.02em;font-weight:600}.contact-info-section{padding-top:0}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4);max-width:680px;margin:0 auto}.contact-card{display:flex;flex-direction:column;align-items:center;text-align: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);text-decoration:none;color:inherit}.contact-card:hover{border-color:rgba(246,162,0,.3);transform:translateY(-2px)}.contact-card--clickable{cursor:pointer;border-color:rgba(246,162,0,.2)}.contact-card--clickable:hover{border-color:var(--color-accent-500);background:rgba(246,162,0,.06);transform:translateY(-3px);box-shadow:0 12px 32px rgba(246,162,0,.15)}.contact-card--clickable:hover .contact-card-icon{transform:scale(1.12) rotate(5deg);color:var(--color-primary-900);box-shadow:0 8px 24px rgba(246,162,0,.3)}.contact-card--clickable:hover .contact-card-icon:before{opacity:1}.contact-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(246,162,0,.15),rgba(246,162,0,.05));border-radius:var(--radius-lg);color:var(--color-accent-500);flex-shrink:0;position:relative;overflow:hidden;transition:transform var(--transition-bounce),color var(--transition-base),box-shadow var(--transition-base)}.contact-card-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-accent-600) 0,var(--color-accent-300) 100%);border-radius:inherit;opacity:0;transition:opacity var(--transition-base)}.contact-card-icon svg{position:relative;z-index:1}.contact-card-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500)}.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{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4);max-width:700px;margin:0 auto}.contact-person-card{display:flex;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)}.contact-person-card:hover{border-color:rgba(246,162,0,.3)}.contact-person-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(246,162,0,.18),rgba(246,162,0,.06));border:1px solid rgba(246,162,0,.25);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:700;color:var(--color-accent-400);flex-shrink:0;overflow:hidden}.contact-person-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.contact-person-info{display:flex;flex-direction:column;gap:3px;min-width:0}.contact-person-name{font-size:var(--text-base);font-weight:600;color:var(--color-white)}.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{display:flex;flex-wrap:nowrap;gap:var(--space-2);margin-top:var(--space-2)}.contact-person-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:100px;color:var(--color-gray-300);font-size:var(--text-xs);text-decoration:none;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.contact-person-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.25);color:var(--color-white)}.contact-person-btn--wa{border-color:rgba(37,211,102,.25);color:#4cd97a}.contact-person-btn--wa:hover{background:rgba(37,211,102,.1);border-color:rgba(37,211,102,.5);color:#4cd97a}.contact-person-col{display:flex;flex-direction:column;gap:var(--space-2)}.contact-person-email-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:rgba(246,162,0,.05);border:1px solid rgba(246,162,0,.3);border-radius:var(--radius-lg);font-size:var(--text-xs);text-decoration:none;background-image:linear-gradient(90deg,transparent,transparent 40%,rgba(246,162,0,.08) 50%,transparent 60%,transparent);background-size:200% 100%;-webkit-background-clip:unset;background-clip:unset;color:var(--color-accent-400);box-shadow:0 0 10px rgba(246,162,0,.12),0 0 20px rgba(246,162,0,.06);animation:emailBarShimmer 3s ease-in-out infinite;transition:box-shadow var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.contact-person-email-bar:hover{border-color:rgba(246,162,0,.7);color:var(--color-accent-300);box-shadow:0 0 18px rgba(246,162,0,.35),0 0 40px rgba(246,162,0,.15);animation:emailBarShimmer 1.5s ease-in-out infinite}@keyframes emailBarShimmer{0%{background-position:100% 50%}to{background-position:-100% 50%}}@media (max-width:768px){.contact-cards,.contact-team-grid{grid-template-columns:1fr}}@media (max-width:480px){.contact-cards{grid-template-columns:1fr}}