.contact-card-section{padding:clamp(var(--space-16),8vw,var(--space-24)) 0;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow:hidden}.contact-card-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,var(--primary-50) 0%,transparent 50%),radial-gradient(circle at 70% 30%,var(--secondary-50) 0%,transparent 50%);opacity:.6}.contact-card-container{max-width:1400px;margin:0 auto;padding:0 max(var(--space-6),var(--safe-area-left));position:relative;z-index:1}.contact-card-header{text-align:center;margin-bottom:clamp(var(--space-8),6vw,var(--space-16))}.contact-card-title{font-size:clamp(1.75rem,6vw,3rem);font-weight:800;background:linear-gradient(135deg,var(--primary-600),var(--primary-800));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-4);line-height:1.1}.contact-card-subtitle{font-size:clamp(1rem,3.5vw,1.25rem);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.contact-card-main{display:grid;gap:clamp(var(--space-4),4vw,var(--space-10));align-items:center;margin-bottom:clamp(var(--space-12),8vw,var(--space-20));position:relative}@media(max-width:767px){.contact-card-main{grid-template-columns:1fr;gap:var(--space-6)}}@media(min-width:768px){.contact-card-main[data-layout="standard"]{grid-template-columns:1fr 1fr;gap:var(--space-10)}.contact-card-main[data-layout="overlay"]{grid-template-columns:1fr 1fr;gap:var(--space-6)}}@media(min-width:1200px){.contact-card-main[data-layout="standard"]{grid-template-columns:1.1fr .9fr;gap:var(--space-12)}.contact-card-main[data-layout="overlay"]{grid-template-columns:.9fr 1.1fr;gap:var(--space-8)}}.profile-image-card{background:#fff;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:all var(--transition-spring);position:relative;width:100%;max-width:500px;justify-self:center}@media(min-width:768px){.contact-card-main[data-layout="standard"] .profile-image-card{justify-self:end}}@media(min-width:1200px){.contact-card-main[data-layout="standard"] .profile-image-card{margin-right:var(--space-4)}}.profile-image-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.profile-image-standalone{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:3/4;transition:transform var(--transition-slow)}.profile-image-card:hover .profile-image-standalone{transform:scale(1.03)}.profile-info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,.85) 100%);padding:clamp(var(--space-4),4vw,var(--space-6));color:#fff}.profile-name{color:var(--text-inverse)!important;font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;margin-bottom:var(--space-1);text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.2}.profile-title{font-size:clamp(.875rem,2.5vw,1.125rem);font-weight:500;opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1.4}.profile-image-overlay-card{width:100%;max-width:500px;position:relative;filter:drop-shadow(0 10px 25px rgba(0,0,0,.15));transition:all var(--transition-spring);justify-self:center}@media(min-width:768px){.contact-card-main[data-layout="overlay"] .profile-image-overlay-card{justify-self:start}}@media(min-width:1200px){.contact-card-main[data-layout="overlay"] .profile-image-overlay-card{margin-left:-40px}}.profile-image-overlay-card:hover{transform:translateY(-4px) scale(1.02);filter:drop-shadow(0 15px 35px rgba(0,0,0,.2))}.profile-image-overlay{width:100%;height:auto;display:block;object-fit:contain;transition:transform var(--transition-slow)}.profile-image-overlay-card:hover .profile-image-overlay{transform:scale(1.02)}.qr-code-section{background:#fff;border-radius:var(--radius-2xl);padding:clamp(var(--space-4),4vw,var(--space-8));box-shadow:var(--shadow-lg);text-align:center;position:relative;width:100%;max-width:450px;justify-self:center}@media(min-width:768px){.contact-card-main[data-layout="standard"] .qr-code-section{justify-self:start}}@media(min-width:768px){.contact-card-main[data-layout="overlay"] .qr-code-section{justify-self:end}}.qr-code-section::before{content:'';position:absolute;top:0;left:12px;right:12px;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.qr-code-header{margin-bottom:clamp(var(--space-4),4vw,var(--space-6))}.qr-code-title{font-size:clamp(1.125rem,4vw,1.5rem);font-weight:700;color:var(--text-primary)!important;margin-bottom:var(--space-2);line-height:1.2}.qr-code-description{color:var(--text-secondary)!important;font-size:clamp(.875rem,2.5vw,1rem);line-height:1.5}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:clamp(var(--space-3),3vw,var(--space-4));margin-bottom:clamp(var(--space-4),4vw,var(--space-6))}.qr-code-display{background:#fff;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;border:3px solid var(--border-light);position:relative;overflow:hidden;cursor:pointer;transition:all var(--transition-base);width:min(280px,80vw);height:min(280px,80vw);padding:clamp(12px,3vw,16px)}@media(min-width:768px){.qr-code-display{width:clamp(200px,25vw,250px);height:clamp(200px,25vw,250px);padding:16px}}@media(min-width:1200px){.qr-code-display{width:240px;height:240px;padding:16px}}.qr-code-display:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:scale(1.02)}.qr-code-display:active{transform:scale(.98);transition:all .1s ease}.qr-code-image{width:100%;height:100%;object-fit:contain;transition:transform var(--transition-base);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.qr-code-display:hover .qr-code-image{transform:scale(1.02)}.qr-code-actions{display:flex;gap:clamp(var(--space-2),2vw,var(--space-3));justify-content:center;flex-wrap:wrap;width:100%}.qr-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:clamp(var(--space-3),3vw,var(--space-4)) clamp(var(--space-4),4vw,var(--space-6));background:var(--primary-500);color:#fff;border:0;border-radius:var(--radius-lg);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-spring);position:relative;overflow:hidden;min-height:var(--touch-target-comfortable);font-size:clamp(.875rem,2.5vw,1rem);white-space:nowrap;user-select:none;-webkit-tap-highlight-color:transparent}@media(max-width:480px){.qr-code-actions{flex-direction:column;gap:var(--space-3)}.qr-action-btn{width:100%;min-height:56px}}@media(min-width:481px){.qr-action-btn{flex:1;max-width:200px}}.qr-action-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.qr-action-btn:hover::before{width:300px;height:300px}.qr-action-btn:hover{background:var(--primary-600);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.qr-action-btn:active{transform:translateY(0);box-shadow:var(--shadow-base)}.qr-action-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-medium)}.qr-action-btn.secondary:hover{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-300)}.qr-action-btn span,.qr-action-btn svg{position:relative;z-index:1}.copy-success{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--success);color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:9999;opacity:0;visibility:hidden;transition:all var(--transition-base);backdrop-filter:blur(10px);font-weight:600;display:flex;align-items:center;gap:var(--space-2);max-width:90vw;text-align:center}.copy-success.show{opacity:1;visibility:visible;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:translate(-50%,-50%) scale(.8)}50%{transform:translate(-50%,-50%) scale(1.05)}100%{transform:translate(-50%,-50%) scale(1)}}@media(max-width:480px){.contact-card-section{padding:var(--space-12) 0}.contact-card-container{padding:0 var(--space-4)}.contact-card-header{margin-bottom:var(--space-6)}.qr-code-section{padding:var(--space-4);border-radius:var(--radius-xl)}.profile-image-standalone{aspect-ratio:3/4}.qr-code-display{width:min(260px,85vw);height:min(260px,85vw);border-width:2px}}@media(max-width:896px) and (orientation:landscape){.contact-card-main{grid-template-columns:1fr 1fr;gap:var(--space-6)}.profile-image-standalone{aspect-ratio:4/5}.qr-code-display{width:clamp(180px,25vh,220px);height:clamp(180px,25vh,220px)}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.qr-code-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}.profile-image-overlay,.profile-image-standalone{image-rendering:-webkit-optimize-contrast}}.qr-code-display:focus,.profile-image-card:focus,.profile-image-overlay-card:focus{outline:3px solid var(--primary-300);outline-offset:2px}.qr-action-btn:focus-visible{outline:3px solid var(--primary-300);outline-offset:2px}@media(prefers-color-scheme:dark){.qr-code-display{background:#fff;border-color:var(--border-dark)}}@media(prefers-reduced-motion:reduce){.profile-image-card,.profile-image-overlay-card,.qr-action-btn,.qr-code-display{transition:none!important}.copy-success.show{animation:none!important;opacity:1;visibility:visible}.qr-code-display:hover,.profile-image-card:hover,.profile-image-overlay-card:hover{transform:none!important}}