.contact-wrapper{max-width:var(--max-width);margin:0 auto;padding:120px 20px 60px;color:var(--color-text);position:relative;overflow:hidden}.contact-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(163,201,230,.05) 2%,transparent 15%) 0 0 /40px 40px;animation:moveDots 20s linear infinite;z-index:0;pointer-events:none}@keyframes moveDots{0%{background-position:0 0}to{background-position:40px 40px}}.contact-hero{text-align:center;margin-bottom:40px;padding:40px;background:linear-gradient(135deg,#3b5998,#5b7cbf);border-radius:15px;box-shadow:0 6px 20px rgba(0,0,0,.1);color:#fff}.contact-hero h1{font-size:3rem;font-weight:800;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.hero-subtitle{font-size:1.2rem;color:#e0e6f0;max-width:600px;margin:0 auto}.contact-card{display:flex;gap:40px;background:rgba(255,255,255,.95);border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.1);padding:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.contact-left{flex:1 1}.contact-left h2{font-size:2rem;font-weight:700;margin-bottom:20px;color:var(--color-text);border-bottom:3px solid #3b5998;padding-bottom:8px;position:relative}.contact-left h2:after{content:"";position:absolute;bottom:-2px;left:0;width:50px;height:3px;background:#5b7cbf}.contact-info{margin-bottom:25px}.info-line{display:flex;align-items:center;gap:15px;margin-bottom:20px;color:#333;transition:transform .3s ease}.info-line:hover{transform:translateX(5px)}.info-line svg{color:#3b5998;transition:color .3s ease}.info-line:hover svg{color:#5b7cbf}.map-embed{margin-top:25px;border-radius:10px;overflow:hidden;border:2px solid #ddd;box-shadow:0 4px 12px rgba(0,0,0,.05)}.contact-map{width:100%;height:250px;object-fit:cover}.contact-right{flex:1 1}.contact-right h3{font-size:1.8rem;font-weight:700;margin-bottom:20px;color:var(--color-text);border-bottom:3px solid #3b5998;padding-bottom:8px}.contact-right label{display:block;margin-bottom:20px;position:relative}.contact-right label input,.contact-right label textarea{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.contact-right label input:focus,.contact-right label textarea:focus{border-color:#3b5998;box-shadow:0 0 8px rgba(59,89,152,.2);outline:none}.contact-right label textarea{resize:vertical;min-height:150px}.error{color:#d32f2f;font-size:.9rem;position:absolute;bottom:-18px;left:0}.contact-right button{width:100%;padding:12px;background:linear-gradient(135deg,#3b5998,#5b7cbf);color:#fff;border:none;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.contact-right button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 15px rgba(59,89,152,.3)}.contact-right button:disabled{background:#ccc;cursor:not-allowed}@media (max-width:1024px){.contact-wrapper{padding:100px 15px 50px}.contact-hero{padding:30px}.contact-hero h1{font-size:2.5rem}.contact-card{gap:30px;padding:25px}.contact-left h2{font-size:1.7rem}.contact-right h3{font-size:1.6rem}.contact-map{height:200px}}@media (max-width:768px){.contact-wrapper{padding:80px 10px 40px}.contact-hero{margin-bottom:30px;padding:25px}.contact-hero h1{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.contact-card{flex-direction:column;padding:20px}.contact-left h2{font-size:1.5rem}.contact-right h3{font-size:1.4rem}.contact-map{height:180px}}@media (max-width:480px){.contact-wrapper{padding:60px 5px 30px}.contact-hero h1{font-size:1.8rem}.hero-subtitle{font-size:1rem}.contact-left h2{font-size:1.3rem}.contact-right h3{font-size:1.2rem}.contact-map{height:150px}}