body{margin:0;font-family:Arial;background:#101010;color:#fff}
    /*.hero { 
        background:
            linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.45)),
            url("images/back_light.png") center center / cover no-repeat; } */
    /*.hero{height:85vh;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.7)),,linear-gradient(120deg,#555,#111);display:flex;flex-direction:column} */
    .hero{height:85vh;background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.45)),url("images/back_light.png") center center / cover no-repeat,linear-gradient(120deg,#555,#111);display:flex;flex-direction:column} 
    .nav{display:flex;justify-content:space-between;padding:20px 8%}
    .logo{font-size:34px;color:#d8a62b;font-weight:bold}
    .cta{background:#d8a62b;color:#111;padding:12px 18px;text-decoration:none}
    .heroBox{margin:auto;text-align:center}h1{font-size:60px}section{padding:60px 8%}
    .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
    .cards div{background:#1f1f1f;padding:30px;border-radius:10px;border-top:4px solid #d8a62b}input,textarea{width:100%;padding:10px;margin:8px 0;background:#222;color:#fff;border:1px solid #444}button{background:#d8a62b;border:0;padding:12px 18px}footer{text-align:center;padding:20px;background:#181818}
