@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.5) translateY(30px) rotate(10deg)}50%{transform:scale(1.1) translateY(-10px) rotate(-5deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0deg)}}:root{--primary-red:#dc2626;--primary-blue:#2563eb;--dark-red:#991b1b;--light-red:#fee2e2;--dark-blue:#1e40af;--light-blue:#dbeafe;--white:#ffffff;--black:#000000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}*{box-sizing:border-box;margin:0;padding:0}.contact-container{min-height:100vh;background:var(--white);padding:4rem 2rem 2rem;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);position:relative;overflow-x:hidden}.contact-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(220,38,38,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(37,99,235,.03) 0,transparent 50%);pointer-events:none;z-index:1}.contact-container.animate-in{opacity:1;transform:translateY(0)}.contact-content{max-width:1400px;margin:0 auto;position:relative;z-index:2}.contact-header{text-align:center;margin-bottom:4rem;animation:slideInFromTop .8s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.contact-title{font-size:3.5rem;font-weight:800;color:var(--gray-900);margin-bottom:1rem;line-height:1.1;position:relative}.highlight{color:var(--primary-red);position:relative}.highlight:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:4px;background:var(--primary-red);border-radius:2px;animation:expandWidth 1.2s ease-out .8s both}@keyframes expandWidth{0%{width:0}to{width:100%}}.contact-subtitle{font-size:1.25rem;color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info{animation:slideInFromLeft .8s ease-out .2s both}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.info-card{background:var(--white);border-radius:32px;padding:3rem;border:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.05)}.info-card:before{top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--primary-red),var(--primary-blue),var(--primary-red));border-radius:32px;opacity:0;transition:opacity .4s ease}.info-card:after,.info-card:before{content:"";position:absolute;z-index:-1}.info-card:after{top:0;left:0;right:0;bottom:0;background:var(--white);border-radius:30px}.info-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px rgba(220,38,38,.15)}.info-card:hover:before{opacity:1}.info-title{font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem}.info-description{font-size:1.1rem;color:var(--gray-600);line-height:1.6}.contact-details,.info-description{margin-bottom:2rem}.contact-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border-radius:20px;margin-bottom:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;opacity:0;animation:slideInFromRight .6s ease-out both;position:relative;overflow:hidden}.contact-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(220,38,38,.1),transparent);transition:left .6s ease}.contact-item:hover:before{left:100%}.contact-item:hover{background:linear-gradient(135deg,rgba(220,38,38,.05),rgba(37,99,235,.05));border-color:var(--primary-red);transform:translateX(10px) scale(1.02);box-shadow:0 8px 25px rgba(220,38,38,.1)}.contact-icon{width:24px;height:24px;color:var(--primary-red);flex-shrink:0}.contact-text{flex:1}.contact-label{display:block;font-size:.9rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.contact-value{display:block;font-size:1rem;color:var(--gray-800);text-decoration:none;font-weight:500;transition:color .3s ease}.contact-value:hover{color:var(--primary-red)}.social-section{border-top:1px solid var(--gray-200);padding-top:2rem}.social-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:20px;background:var(--white);border:2px solid var(--gray-200);color:var(--gray-600);text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;opacity:0;animation:popIn .6s ease-out both;box-shadow:0 4px 15px rgba(0,0,0,.08)}.social-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-red),var(--primary-blue));transform:scale(0) rotate(45deg);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:-1}.social-link:hover:before{transform:scale(1.5) rotate(45deg)}.social-link:hover{color:var(--white);border-color:transparent;transform:translateY(-5px) scale(1.1);box-shadow:0 15px 30px rgba(220,38,38,.3)}.social-icon{width:20px;height:20px;transition:transform .3s ease}.social-link:hover .social-icon{transform:scale(1.1)}.social-tooltip{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);background:var(--gray-800);color:var(--white);padding:.5rem .75rem;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease}.social-link:hover .social-tooltip{opacity:1;bottom:-45px}.form-section{animation:slideInFromRight .8s ease-out .4s both}.form-card{background:var(--white);border-radius:32px;padding:3rem;border:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.05)}.form-card:before{top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-red),var(--primary-blue));border-radius:32px;opacity:0;transition:opacity .4s ease}.form-card:after,.form-card:before{content:"";position:absolute;z-index:-1}.form-card:after{top:0;left:0;right:0;bottom:0;background:var(--white);border-radius:30px}.form-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px rgba(37,99,235,.15)}.form-card:hover:before{opacity:1}.form-title{font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:2rem}.form-group{position:relative}.form-input,.form-textarea{width:100%;padding:1.25rem;border:2px solid var(--gray-200);border-radius:16px;font-size:1rem;background:var(--white);transition:all .4s cubic-bezier(.4,0,.2,1);outline:none;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.04)}.form-input:focus,.form-textarea:focus{border-color:var(--primary-red);transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px rgba(220,38,38,.15)}.form-input:not(:placeholder-shown),.form-textarea:not(:placeholder-shown){border-color:var(--primary-blue);box-shadow:0 4px 15px rgba(37,99,235,.1)}.form-label{position:absolute;left:1rem;top:1rem;font-size:1rem;color:var(--gray-500);transition:all .3s ease;pointer-events:none;background:var(--white);padding:0 .5rem}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label,.form-textarea:focus+.form-label,.form-textarea:not(:placeholder-shown)+.form-label{transform:translateY(-2rem) scale(.85);color:var(--primary-red);font-weight:600}.form-textarea{resize:vertical;min-height:120px}.submit-btn{background:linear-gradient(135deg,var(--primary-red),var(--dark-red));color:var(--white);border:none;padding:1.25rem 2.5rem;border-radius:20px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;margin-top:1rem;box-shadow:0 8px 25px rgba(220,38,38,.3)}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-blue),var(--dark-blue));transition:left .4s ease;z-index:-1}.submit-btn:hover:before{left:0}.submit-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 40px rgba(220,38,38,.4)}.submit-btn:active{transform:translateY(-2px) scale(1.02)}.submit-btn.submitting{background:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:0 4px 15px rgba(156,163,175,.3)}.submit-btn.submitting:before{display:none}.btn-icon{width:20px;height:20px;transition:transform .3s ease}.submit-btn:hover .btn-icon{transform:translateX(3px)}.submit-btn.submitting .btn-icon{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);padding:1rem}.popup-overlay.show{opacity:1;visibility:visible}.popup-card{background:var(--white);border-radius:24px;padding:2.5rem;max-width:450px;width:100%;transform:scale(.7) translateY(50px) rotateX(15deg);transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;border:none;box-shadow:0 25px 50px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.1);overflow:hidden}.popup-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary-red) 0,var(--primary-blue) 100%)}.popup-overlay.show .popup-card{transform:scale(1) translateY(0) rotateX(0deg)}.popup-card.error,.popup-card.success{border-color:var(--primary-red)}.popup-header{justify-content:space-between;margin-bottom:1.5rem}.popup-header,.popup-icon{display:flex;align-items:center}.popup-icon{width:64px;height:64px;border-radius:20px;justify-content:center;position:relative;overflow:hidden}.popup-card.error .popup-icon,.popup-card.success .popup-icon{background:linear-gradient(135deg,rgba(220,38,38,.1),rgba(220,38,38,.05))}.popup-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translateX(-100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(100%)}}.icon-error,.icon-success{width:32px;height:32px;color:var(--primary-red);z-index:1}.popup-close{background:rgba(0,0,0,.05);border:none;color:var(--gray-400);cursor:pointer;padding:.75rem;border-radius:12px;transition:all .3s ease;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.popup-close:hover{background:rgba(220,38,38,.1);color:var(--primary-red);transform:scale(1.1)}.popup-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem;background:linear-gradient(135deg,var(--primary-red),var(--primary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.popup-message{color:var(--gray-600);line-height:1.6;font-size:1.1rem}@media (max-width:1200px){.contact-title{font-size:3rem}.contact-grid{gap:3rem}}@media (max-width:768px){.contact-container{padding:2rem 1rem}.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1.1rem}.contact-grid{grid-template-columns:1fr;gap:2rem}.form-card,.info-card{padding:2rem}.social-links{justify-content:center}}@media (max-width:480px){.contact-title{font-size:2rem}.form-card,.info-card{padding:1.5rem}.contact-item{padding:1rem}.popup-card{padding:1.5rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--primary-red);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--dark-red)}