.contact-page{max-width:1200px;margin:auto;padding:90px 20px}.contact-header{text-align:center;margin-bottom:70px}.contact-header h1{background:linear-gradient(90deg,#2563eb,#9333ea);color:#0000;-webkit-background-clip:text;margin-bottom:14px;font-size:44px;font-weight:700}.contact-header p{color:#6b7280;max-width:550px;margin:auto;font-size:16px;line-height:1.7}.contact-container{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.contact-info{padding-top:20px}.contact-info h2{margin-bottom:15px;font-size:26px}.contact-info p{color:#6b7280;margin-bottom:30px;line-height:1.7}.contact-item{color:#374151;background:#f9fafb;border-radius:10px;align-items:center;gap:14px;margin-bottom:14px;padding:14px 18px;font-size:15px;transition:all .3s;display:flex}.contact-item svg{color:#2563eb;font-size:18px}.contact-item:hover{background:#f3f4f6;transform:translate(6px)}.contact-form{background:#fff;border:1px solid #eee;border-radius:16px;padding:40px;transition:all .35s;box-shadow:0 20px 45px #00000014}.contact-form:hover{transform:translateY(-6px);box-shadow:0 30px 60px #0000001f}.contact-form h2{margin-bottom:25px;font-size:24px}.contact-form form{flex-direction:column;gap:16px;display:flex}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:10px;padding:14px;font-size:14px;transition:all .25s}.contact-form input:focus,.contact-form textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#9333ea);border:none;border-radius:10px;margin-top:8px;padding:14px;font-weight:600;transition:all .25s}.contact-form button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000026}@media (max-width:900px){.contact-container{grid-template-columns:1fr;gap:40px}.contact-form{padding:30px}.contact-header h1{font-size:36px}}