.contact-section{position:relative;padding:50px 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden}.contact-background{position:absolute;inset:0;z-index:1}.contact-background-overlay{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(74,144,226,.08) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(74,144,226,.05) 0,transparent 50%);pointer-events:none}.contact-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px}.section-title{text-align:center;margin-bottom:40px;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}.section-title h2{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:#1a202c;margin-bottom:16px;background:linear-gradient(135deg,#1a202c,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title p{font-size:1.2rem;color:#64748b;max-width:500px;margin:0 auto}.contact-info-container{background:#fff;border-radius:24px;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.2);height:100%;position:relative;overflow:hidden;transform:translateY(20px);opacity:0;animation:fadeInUp .8s ease-out .2s forwards}.contact-info-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4a90e2,#74b9ff);border-radius:24px 24px 0 0}.contact-info-header{margin-bottom:40px}.contact-info-header h3{font-size:1.8rem;font-weight:700;color:#1a202c;margin-bottom:8px}.contact-info-header p{color:#64748b;font-size:1rem;margin:0}.contact-items{display:flex;flex-direction:column;gap:32px}.contact-item{display:flex;align-items:flex-start;gap:20px;padding:24px;border-radius:16px;background:#f8fafc;border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,144,226,.05),transparent);transition:left .6s ease}.contact-item:hover{background:#fff;border-color:rgba(74,144,226,.2);transform:translateY(-4px);box-shadow:0 12px 24px rgba(74,144,226,.15)}.contact-item:hover:before{left:100%}.contact-icon{width:56px;height:56px;background:linear-gradient(135deg,#4a90e2,#74b9ff);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all .3s ease;position:relative;overflow:hidden}.contact-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#74b9ff,#4a90e2);opacity:0;transition:opacity .3s ease}.contact-item:hover .contact-icon{transform:scale(1.1) rotate(5deg)}.contact-item:hover .contact-icon:before{opacity:1}.contact-icon svg{font-size:24px;position:relative;z-index:2}.contact-details{flex:1 1}.contact-details h4{font-size:1.1rem;font-weight:600;color:#1a202c;margin-bottom:8px}.contact-link{color:#64748b;text-decoration:none;font-size:.95rem;line-height:1.5;transition:all .3s ease;position:relative}.contact-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#4a90e2,#74b9ff);transition:width .3s ease}.contact-link:hover{color:#4a90e2;transform:translateX(4px)}.contact-link:hover:after{width:100%}.contact-form-container{background:#fff;border-radius:24px;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.2);height:100%;position:relative;overflow:hidden;transform:translateY(20px);opacity:0;animation:fadeInUp .8s ease-out .4s forwards}.contact-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#74b9ff,#4a90e2);border-radius:24px 24px 0 0}.form-header{margin-bottom:40px}.form-header h3{font-size:1.8rem;font-weight:700;color:#1a202c;margin-bottom:8px}.form-header p{color:#64748b;font-size:1rem;margin:0}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:flex;gap:16px;flex-wrap:wrap}.form-field{flex:1 1;min-width:250px}.form-field .MuiOutlinedInput-root{border-radius:12px;background:#f8fafc;transition:all .3s ease}.form-field .MuiOutlinedInput-root:hover{background:#fff;box-shadow:0 4px 12px rgba(74,144,226,.1)}.form-field .MuiOutlinedInput-root.Mui-focused{background:#fff;box-shadow:0 8px 24px rgba(74,144,226,.15)}.form-field .MuiOutlinedInput-notchedOutline{border-color:#e2e8f0;transition:all .3s ease}.form-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#4a90e2}.form-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#4a90e2;border-width:2px}.form-field .MuiInputLabel-root{color:#64748b;font-weight:500}.form-field .MuiInputLabel-root.Mui-focused{color:#4a90e2}.form-submit{margin-top:16px}.submit-btn{background:linear-gradient(135deg,#4a90e2,#74b9ff);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;min-width:160px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(74,144,226,.4);background:linear-gradient(135deg,#74b9ff,#4a90e2)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn.submitting{background:linear-gradient(135deg,#64748b,#94a3b8)}.btn-icon{font-size:20px;transition:transform .3s ease}.submit-btn:hover .btn-icon{transform:translateX(4px)}.loading-spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.MuiList-root{background-color:#fff!important;border-radius:8px!important;box-shadow:0 8px 24px rgba(0,0,0,.15)!important}.MuiMenuItem-root{transition:background-color .2s ease!important}.MuiMenuItem-root:hover{background-color:rgba(74,144,226,.08)!important}.MuiMenuItem-root.Mui-selected{background-color:rgba(74,144,226,.12)!important}@media (max-width:1024px){.contact-content{padding:0 20px}.contact-form-container,.contact-info-container{padding:32px}}@media (max-width:768px){.contact-section{padding:60px 0}.section-title{margin-bottom:60px}.section-title h2{font-size:2.5rem}.contact-form-container,.contact-info-container{padding:24px;margin-bottom:24px}.contact-items{gap:24px}.contact-item{padding:20px}.contact-icon{width:48px;height:48px}.contact-icon svg{font-size:20px}.form-row{flex-direction:column;gap:20px}.form-field{min-width:100%}.submit-btn{width:100%;padding:18px 32px}}@media (max-width:480px){.contact-section{padding:40px 0}.contact-content{padding:0 16px}.section-title h2{font-size:2rem}.contact-form-container,.contact-info-container{padding:20px}.contact-info-header h3,.form-header h3{font-size:1.5rem}.contact-item{flex-direction:column;text-align:center;gap:16px}.contact-details h4{margin-bottom:4px}}.submit-btn:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.contact-link:focus-visible{outline:2px solid #4a90e2;outline-offset:2px;border-radius:4px}@media print{.contact-section{background:#fff;box-shadow:none}.contact-form-container,.contact-info-container{box-shadow:none;border:1px solid #e2e8f0}.submit-btn{display:none}}