.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px auto;max-width:1400px;padding:60px 170px;position:relative}.contact:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(223,137,8,.15) 0%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:-1}.contact-title{position:relative;text-align:center}.contact-title h1{padding:0 30px;font-size:80px;font-weight:800;background:linear-gradient(135deg,#df8908,#c94bf5,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-2px;position:relative}.contact-title h1:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(90deg,transparent,#C94BF5,transparent);border-radius:2px}.contact-title img{display:none}.contact-section{display:grid;grid-template-columns:400px 1fr;gap:60px;width:100%;max-width:1300px}.contact-left{display:flex;flex-direction:column;gap:32px}.contact-left h1{font-size:42px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.2}.contact-left p{color:#ffffffb3;font-size:17px;line-height:1.7;margin-bottom:16px}.contact-details{display:flex;flex-direction:column;gap:16px}.contact-detail{display:flex;align-items:center;gap:14px;padding:18px 20px;background:linear-gradient(135deg,#df89080d,#c94bf50d);border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.contact-detail:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.contact-detail:hover:before{left:100%}.contact-detail:hover{background:linear-gradient(135deg,#df89081a,#c94bf51a);border-color:#df890866;transform:translate(8px) scale(1.02);box-shadow:0 8px 24px #df890833}.contact-detail img{width:22px;height:22px;filter:brightness(1.2)}.contact-detail p{color:#ffffffe6;font-size:15px;font-weight:500;margin:0}.contact-right{display:flex;flex-direction:column;align-items:start;gap:24px;background:#14141999;padding:48px;border-radius:28px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d;position:relative}.contact-right:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(223,137,8,.5),rgba(201,75,245,.5),transparent)}.contact-right label{color:#ffffffe6;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:-16px}.contact-right input{border:2px solid rgba(255,255,255,.12);width:100%;height:58px;padding:0 24px;border-radius:14px;background:#1e1e26cc;color:#fff;font-family:outfit;font-size:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.contact-right input:focus{outline:none;border-color:#df8908;background:#1e1e26;box-shadow:0 0 0 4px #df89081a,0 0 20px #df89084d,0 4px 12px #0006;transform:translateY(-2px)}.contact-right input::placeholder,.contact-right textarea::placeholder{color:#fff6}.contact-right textarea{width:100%;border:2px solid rgba(255,255,255,.12);padding:20px 24px;border-radius:14px;background:#1e1e26cc;color:#fff;font-family:outfit;font-size:16px;resize:vertical;min-height:150px;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-right textarea:focus{outline:none;border-color:#df8908;background:#1e1e26;box-shadow:0 0 0 4px #df89081a,0 0 20px #df89084d,0 4px 12px #0006;transform:translateY(-2px)}.contact-submit{border:none;color:#fff;border-radius:50px;background:linear-gradient(135deg,#df8908,#c94bf5,#b415ff);background-size:200% auto;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:18px 48px;margin-top:12px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #df890866}.contact-submit:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff26;transform:translate(-50%,-50%);transition:width .6s,height .6s}.contact-submit:hover:before{width:300px;height:300px}.contact-submit:hover{transform:translateY(-2px);background-position:right center;box-shadow:0 8px 24px #b415ff59}.contact-submit:active{transform:translateY(-1px) scale(.98)}.contact-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.contact-submit:disabled:hover{transform:none;box-shadow:0 4px 15px #df890866}@media (max-width: 1024px){.contact{gap:60px;padding:40px 50px;margin:40px auto}.contact-title h1{font-size:60px}.contact-section{grid-template-columns:1fr;gap:40px}.contact-left{gap:24px}.contact-left h1{font-size:36px}.contact-left p{font-size:16px}.contact-right{padding:36px}.contact-right input{height:52px;padding:0 20px}.contact-right textarea{min-height:130px;padding:16px 20px}.contact-submit{padding:16px 42px}}@media (max-width: 640px){.contact{gap:50px;padding:35px 30px}.contact-title h1{font-size:48px}.contact-left h1{font-size:32px}.contact-left p{font-size:15px}.contact-right{padding:32px 24px}.contact-right label{font-size:13px;letter-spacing:.5px}.contact-right input{height:50px;font-size:15px}.contact-right textarea{min-height:140px;font-size:15px}}@media (max-width: 480px){.contact{gap:40px;padding:30px 20px;margin:30px auto}.contact:before{width:400px;height:400px;top:-50px}.contact-title h1{font-size:40px;padding:0 15px;letter-spacing:-1px}.contact-title h1:after{width:80px;height:3px}.contact-section{grid-template-columns:1fr;gap:30px}.contact-left{gap:20px}.contact-left h1{font-size:28px;text-align:center}.contact-left p{font-size:15px;text-align:center;line-height:1.6}.contact-details{gap:12px}.contact-detail{padding:14px 16px;gap:12px}.contact-detail img{width:20px;height:20px}.contact-detail p{font-size:14px}.contact-right{padding:28px 20px;gap:20px;border-radius:20px}.contact-right label{font-size:13px;margin-bottom:-12px}.contact-right input{height:48px;padding:0 18px;font-size:15px;border-radius:12px}.contact-right textarea{min-height:120px;padding:14px 18px;font-size:15px;border-radius:12px}.contact-submit{width:100%;padding:14px 32px;font-size:14px;border-radius:12px;margin-top:8px}}@media (max-width: 375px){.contact{padding:25px 16px}.contact-title h1{font-size:34px}.contact-left h1{font-size:24px}.contact-right{padding:22px 16px}.contact-right label{letter-spacing:0}}