body{background-color:#f8fafc;color:#1a2236}.my-navbar{position:relative}#contact-page{padding:80px 0;background:#f8fafc}.contact-header{text-align:center;margin-bottom:60px}.contact-header span{color:#0f67fe;font-weight:700;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:15px}.contact-header h1{font-size:42px;font-weight:800;color:#1a2236;margin-bottom:20px}.contact-header p{font-size:18px;color:#64748b;max-width:600px;margin:0 auto}.contact-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:80px}.method-card{background:#fff;padding:40px;border-radius:24px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:.3s;border:1px solid #edf2f7}.method-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(15,103,254,.1);border-color:#0f67fe}.method-icon{width:70px;height:70px;background:rgba(15,103,254,.08);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;transition:.3s}.method-card:hover .method-icon{background:#0f67fe}.method-icon img{width:30px;height:30px;transition:.3s;filter:invert(42%) sepia(93%) saturate(1352%) hue-rotate(200deg) brightness(100%) contrast(100%)}.method-card:hover .method-icon img{filter:brightness(0) invert(1)}.method-card h3{font-size:20px;font-weight:700;color:#1a2236;margin-bottom:10px}.method-card p{color:#64748b;font-size:16px;margin-bottom:5px}.method-card a{color:#0f67fe;text-decoration:none;font-weight:600;font-size:18px}@media (max-width:992px){.contact-methods{grid-template-columns:1fr}}@media (max-width:768px){.contact-header h1{font-size:32px}}