.contact-vitrine{max-width:800px;margin:0 auto;padding:clamp(28px,4vw,40px) 20px}.contact-header{text-align:center;margin-bottom:var(--spacing-xl)}.contact-title{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.contact-subtitle{font-size:1.1rem;color:var(--text-color-light);max-width:600px;margin:0 auto}.contact-form{background:var(--card-bg);padding:clamp(22px,3vw,30px);border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:1px solid rgba(102,126,234,.12);position:relative}.contact-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.contact-field{margin-bottom:var(--spacing-md)}.contact-label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-color)}.contact-label-icon{margin-right:var(--spacing-sm);color:var(--primary-color)}.contact-user-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#22b6871a,#0e2a7a1a);border:2px solid rgba(34,182,135,.3);border-radius:var(--radius-large);margin-bottom:var(--spacing-lg);transition:border-color .3s ease,box-shadow .3s ease}.contact-user-badge:hover{border-color:#22b68780;box-shadow:0 4px 12px #22b68726}.contact-user-badge-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #22b6874d}.contact-user-badge-content{display:flex;flex-direction:column;gap:4px;flex:1}.contact-user-badge-content strong{color:var(--accent-blue-dark, var(--color-navy));font-size:16px;font-weight:600}.contact-user-badge-content span{color:var(--text-color-light);font-size:14px}.contact-input,.contact-textarea{width:100%;padding:12px 16px;min-height:var(--form-control-min-height);border:2px solid var(--border-color-input);border-radius:var(--input-radius);font-size:16px;line-height:1.4;font-family:inherit;transition:border-color var(--transition-speed),box-shadow var(--transition-speed);background:var(--white);color:var(--text-color);box-sizing:border-box}.contact-textarea{resize:vertical;min-height:148px}.contact-input:focus,.contact-textarea:focus{outline:none;border-color:var(--focus-border-color);box-shadow:var(--focus-glow)}.contact-input:focus-visible,.contact-textarea:focus-visible{outline:var(--button-focus-ring);outline-offset:var(--button-focus-ring-offset)}.contact-input.is-invalid,.contact-textarea.is-invalid{border-color:var(--danger-color)}.contact-error{color:var(--danger-color);font-size:14px;margin-top:4px}.contact-counter{font-size:12px;color:var(--text-color-subtle, var(--text-color-muted));margin-top:4px;text-align:right}.contact-submit{width:100%;min-height:48px;padding:14px 24px;background:var(--gradient-primary);color:var(--white);border:none;border-radius:var(--input-radius);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--transition-speed),box-shadow var(--transition-speed),opacity var(--transition-speed);box-shadow:var(--button-primary-shadow)}.contact-submit:focus-visible{outline:var(--button-focus-ring);outline-offset:var(--button-focus-ring-offset)}.contact-submit:disabled{cursor:not-allowed;opacity:.7;box-shadow:none}.contact-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--button-primary-shadow-hover)}.contact-footnote{font-size:12px;color:var(--text-color-subtle);margin-top:16px;text-align:center}.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.contact-info-card{background:var(--card-bg);border:1px solid rgba(102,126,234,.1);border-radius:var(--card-radius);padding:24px 16px;text-align:center;box-shadow:var(--card-shadow);transition:box-shadow var(--transition-speed) ease,transform var(--transition-speed) ease}.contact-info-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.contact-info-icon{width:48px;height:48px;border-radius:50%;background:#22b6871a;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--primary-color);font-size:1.2rem}.contact-info-card h3{font-size:1rem;font-weight:700;color:var(--text-color);margin:0 0 6px}.contact-info-card p{font-size:.9rem;color:var(--text-color-light);margin:0 0 4px}.contact-info-detail{font-size:.8rem;color:var(--primary-color);font-weight:500}.contact-social-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:4px}.contact-social-link{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.88rem;transition:color var(--transition-speed) ease}.contact-social-link:hover{color:var(--primary-color-dark);text-decoration:underline}.contact-social-link:focus-visible{outline:2px solid rgba(34,182,135,.5);outline-offset:2px}@media(prefers-reduced-motion:reduce){.contact-user-badge,.contact-submit{transition:none}.contact-submit:not(:disabled):hover{transform:none}}@media(max-width:768px){.contact-vitrine{padding:22px 12px 28px}.contact-header{margin-bottom:24px}.contact-title{font-size:2rem}.contact-form{padding:18px}.contact-field{margin-bottom:16px}.contact-user-badge{padding:12px 14px;gap:10px}.contact-info-grid{grid-template-columns:1fr;gap:16px}}