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