.contact{color:#fff;background:linear-gradient(90deg,#020617,#0f172a);justify-content:space-between;gap:40px;padding:80px;display:flex}.contact-left{width:50%}.contact-sub{color:#3b82f6;margin-bottom:10px}.contact-left h2{margin-bottom:15px;font-size:42px;font-weight:700}.contact-left span{color:#94a3b8}.contact-desc{color:#94a3b8;max-width:500px;margin-bottom:30px}.contact-left h4{margin-bottom:15px}.contact-list{margin-bottom:25px;padding:0;list-style:none}.contact-list li{color:#cbd5f5;align-items:center;gap:10px;margin-bottom:10px;display:flex}.contact-tags{gap:20px;font-size:14px;display:flex}.contact-tags span{color:#cbd5f5;align-items:center;gap:8px;display:flex}.contact-form{background:#fff;border-radius:15px;flex-direction:column;gap:15px;width:40%;padding:30px;display:flex}.contact-form input,.contact-form select,.contact-form textarea{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:14px;font-size:14px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#94a3b8}.contact-form select{color:#0f172a}.contact-form textarea{resize:none;height:100px}.contact-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;margin-top:10px;padding:14px;font-weight:500;transition:all .3s}.contact-form button:hover{background:#1d4ed8}@media (max-width:900px){.contact{flex-direction:column;padding:40px 20px}.contact-left,.contact-form{width:100%}}.error{color:#f87171;margin-top:-6px;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:.4s slideIn;position:fixed;top:20px;right:20px}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}