.contactpage{color:#fff;background:#000;justify-content:center;align-items:center;min-height:100vh;padding:100px 20px;display:flex}.contactcontainer{grid-template-columns:repeat(2,1fr);gap:60px;width:100%;max-width:1200px;display:grid}.contactleft h1{margin-bottom:25px;font-size:60px}.contactleft p{color:#bdbdbd;margin-bottom:40px;font-size:18px;line-height:1.8}.contactinfo{flex-direction:column;gap:25px;display:flex}.contactinfo h3{color:#2563eb;margin-bottom:8px}.contactinfo span{color:#bdbdbd}.contactright{background:#111;border-radius:25px;padding:50px}.contactright form{flex-direction:column;gap:25px;display:flex}.contactright input,.contactright textarea{color:#fff;background:#1a1a1a;border:none;border-radius:12px;outline:none;width:100%;padding:18px;font-size:16px}.contactright textarea{resize:none}.contactright button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:18px;font-size:18px;font-weight:600;transition:all .3s}.contactright button:hover{background:#1d4ed8;transform:translateY(-4px)}@media (max-width:900px){.contactcontainer{grid-template-columns:1fr}.contactleft h1{font-size:42px}}@media (max-width:500px){.contactleft h1{font-size:34px}.contactright{padding:30px 20px}}