.contact-hero{color:#fff;text-align:center;background:linear-gradient(120deg,#ff3b3b90,#000000c0),url(/contact-bg.jpg) 50%/cover no-repeat;margin-top:4%;padding:150px 20px 140px;position:relative}.contact-hero .overlay{max-width:800px;margin:0 auto}.contact-hero h1{margin-bottom:10px;font-size:46px;font-weight:800}.contact-hero p{color:#f1f1f1;font-size:18px}.contact-wrapper{max-width:1200px;margin:60px auto;padding:0 24px}.contact-wrapper h2{text-align:center;margin-bottom:8px;font-size:28px;font-weight:800}.intro-text{text-align:center;color:#666;margin-bottom:40px}.contact-main{grid-template-columns:1fr 1.2fr;align-items:start;gap:50px;margin-top:4%;display:grid}.contact-info h4{margin-bottom:16px;font-size:20px;font-weight:700}.contact-info ul{gap:20px;margin:0;padding:0;list-style:none;display:grid}.contact-info li{color:#444;line-height:1.7}.contact-info strong{color:#000}.contact-form{background:#fff;border:1px solid #ddd;border-radius:10px;padding:30px 28px;box-shadow:0 4px 16px #00000014}.contact-form .note{color:#888;text-align:right;margin-bottom:20px;font-size:13px}.form-group{gap:20px;margin-bottom:20px;display:flex}.contact-form input,.contact-form textarea{color:#000;background-color:#fff;border:1px solid #ccc;border-radius:6px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#ff3b3b}.contact-form button{color:#fff;cursor:pointer;background:#ff3b3b;border:none;border-radius:50px;margin-top:3%;padding:10px 23px;font-size:14px;transition:background .3s}.contact-form button:hover{background:#e02e2e}@media (max-width:900px){.contact-main{grid-template-columns:1fr;gap:40px}.contact-hero{padding:80px 20px 60px}.contact-info h4{text-decoration:underline}.contact-form .note{text-align:left}.form-group{flex-direction:column}}