*{box-sizing:border-box}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.contactpage{color:#fff;background:#0f172a;justify-content:center;align-items:center;min-height:100vh;padding:100px 8% 80px;display:flex;overflow-x:hidden}.contactcontainer{grid-template-columns:1fr 1fr;align-items:start;gap:60px;width:100%;max-width:1200px;display:grid}.contactleft{animation:.8s both slideLeft}.contactleft h1{background:linear-gradient(90deg,#f1f5f9,#38bdf8 55%,#818cf8) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:56px;font-weight:800;line-height:1.1;animation:5s linear infinite shimmer}.contactleft>p{color:#94a3b8;margin-bottom:48px;font-size:16px;line-height:1.9}.contactinfo{flex-direction:column;gap:20px;display:flex}.contact-info-item{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #38bdf81f;border-radius:16px;align-items:flex-start;gap:16px;padding:18px 22px;transition:transform .3s,border-color .3s;display:flex}.contact-info-item:hover{border-color:#38bdf84d;transform:translate(6px)}.contact-info-icon{flex-shrink:0;margin-top:2px;font-size:24px}.contact-info-item h3{text-transform:uppercase;letter-spacing:1px;color:#38bdf8;margin:0 0 4px;font-size:13px;font-weight:700}.contact-info-item span{color:#cbd5e1;font-size:15px}.contactright{background:linear-gradient(145deg,#1e293b,#0f1f35);border:1px solid #38bdf826;border-radius:28px;padding:48px 44px;animation:.8s both slideRight;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.contactright:before{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf81a,#0000 70%);width:220px;height:220px;position:absolute;top:-60px;right:-60px}.contactright h2{color:#f1f5f9;margin-bottom:28px;font-size:22px;font-weight:700}.contactright form{flex-direction:column;gap:16px;display:flex}.contactright input,.contactright textarea{color:#f1f5f9;background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:15px 18px;font-family:inherit;font-size:15px;transition:border-color .3s,box-shadow .3s}.contactright input::placeholder,.contactright textarea::placeholder{color:#475569}.contactright input:focus,.contactright textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.contactright textarea{resize:none}.contactright button{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:700;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.contactright button:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff1f 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.contactright button:hover:after{transform:translate(100%)}.contactright button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #2563eb66}.contactright button:disabled{opacity:.65;cursor:not-allowed;transform:none}.contact-msg{text-align:center;color:#7dd3fc;background:#38bdf814;border:1px solid #38bdf833;border-radius:10px;padding:12px;font-size:15px;font-weight:600}@media (max-width:900px){.contactcontainer{grid-template-columns:1fr}.contactleft h1{font-size:42px}}@media (max-width:500px){.contactpage{padding:80px 20px 60px}.contactleft h1{font-size:34px}.contactright{padding:32px 24px}}