.contact-page{color:#000;background:#eff0f5;padding-bottom:80px;font-family:Segoe UI,sans-serif}.contact-hero{text-align:center;padding:100px 20px 40px}.contact-hero h1{margin-bottom:10px;font-size:42px}.contact-hero p{color:#272c32}.contact-container{gap:40px;padding:40px 60px;display:flex}.contact-left{background:linear-gradient(135deg,#3453a8,#3b82f6);border-radius:16px;flex:1;padding:40px}.contact-left h2{margin-bottom:20px}.contact-left ul{margin-bottom:30px;padding:0;list-style:none}.contact-left li{margin-bottom:10px;font-size:15px}.socials{gap:12px;display:flex}.socials span{cursor:pointer;background:#fff3;border-radius:6px;padding:8px 12px}.contact-right{background:#fff;border-radius:16px;flex:2;padding:40px}.contact-right form{color:#000;flex-direction:column;gap:15px;display:flex}.contact-right input,.contact-right textarea,.contact-right select{color:#000;background:#fff;border:1px solid #5f697a;border-radius:8px;padding:12px}.contact-right textarea{resize:none;height:120px}.row{gap:10px;display:flex}.row select{flex:1}.row input{flex:2}.contact-right button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#2563eb);border:none;border-radius:10px;padding:12px;transition:all .3s}.contact-right button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.form-info{color:#94a3b8;font-size:13px}.error{color:#f87171;margin-top:-8px;margin-bottom:8px;font-size:12px}.success-popup{color:#fff;z-index:999;background:#22c55e;border-radius:10px;padding:14px 20px;font-weight:500;animation:.5s slideIn;position:fixed;top:20px;right:20px}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.contact-page{padding-bottom:40px}.contact-hero{padding:60px 20px 20px}.contact-hero h1{font-size:28px}.contact-hero p{font-size:14px}.contact-container{flex-direction:column;gap:20px;padding:20px}.contact-left{text-align:center;border-radius:12px;padding:25px}.contact-left h2{font-size:20px}.contact-left li{font-size:14px}.contact-right{border-radius:12px;padding:25px}.contact-right input,.contact-right textarea,.contact-right select{padding:10px;font-size:14px}.row{flex-direction:column;gap:10px}.row select,.row input{width:100%}.contact-right button{width:100%;padding:12px}.success-popup{text-align:center;font-size:14px;top:10px;left:10px;right:10px}}