.container{padding:0 2rem;margin:0 auto}.contact-hero{text-align:center;margin-bottom:3rem;padding:2rem 0}.subtitle{font-size:1.2rem;color:#b0b0b0;max-width:600px;margin:0 auto;line-height:1.6}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.contact-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.contact-card:hover:before{left:100%}.contact-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.card-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.consult-link{display:inline-block;margin-top:.5rem;color:#06c;text-decoration:none;font-size:.9rem}.consult-link:hover{text-decoration:underline}.contact-card h3{color:#f5f5f5;margin-bottom:1rem;font-size:1.5rem;letter-spacing:3px;font-family:MKBritishWriting,sans-serif}.contact-card p{color:#b0b0b0;margin-bottom:1rem;line-height:1.5}.email{display:block;font-weight:700;color:#fff;font-size:1.1rem;margin-bottom:.5rem;padding:.5rem;background:#ffffff1a;border-radius:10px;border:1px solid rgba(255,255,255,.2)}.contact-card small{color:#888;font-style:italic}.social-section{margin:4rem 0;text-align:center}.social-title{font-size:2.5rem;color:#f5f5f5;margin-bottom:1rem;font-family:MKBritishWriting,sans-serif;letter-spacing:3px}.social-subtitle{color:#b0b0b0;font-size:1.1rem;margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto}.socials{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.social-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative}.social-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0003}.social-link{display:flex;align-items:center;padding:1.5rem;text-decoration:none;color:inherit;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.social-link:hover:before{left:100%}.social-link img{height:50px;width:50px;margin-right:1rem;border-radius:10px;transition:transform .3s ease}.social-link:hover img{transform:scale(1.1) rotate(5deg)}.social-content h4{color:#f5f5f5;margin:0 0 .5rem;font-size:1.3rem;letter-spacing:3px;font-family:MKBritishWriting,sans-serif}.social-content p{color:#b0b0b0;margin:0;font-size:.9rem}.cta-section{margin:4rem 0 2rem;text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);border-radius:25px;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);animation:subtle-pulse 4s ease-in-out infinite}.cta-content{position:relative;z-index:1}.cta-content h3{color:#f5f5f5;font-size:2rem;margin-bottom:1rem;letter-spacing:3px;font-family:MKBritishWriting,sans-serif}.cta-content p{color:#b0b0b0;font-size:1.1rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-btn{display:inline-block;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:700;transition:all .3s ease;position:relative;overflow:hidden;font-size:1rem;border:2px solid}.cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cta-btn:hover:before{left:100%}.cta-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.cta-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #667eea66}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}@media(max-width:480px){.socials{grid-template-columns:1fr}}
