*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;background:#000;font-family:Arial,sans-serif}
.hero{position:relative;width:100%;height:100vh;overflow:hidden}
.hero img{width:100%;height:100%;object-fit:cover;display:block}
.overlay{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);display:flex;gap:16px}
.btn{padding:14px 28px;border:2px solid #ffe600;color:#ffe600;text-decoration:none;
background:rgba(0,0,0,.45);font-weight:bold;border-radius:999px}
.btn:hover{background:#ffe600;color:#000}
.secondary{border-color:#fff;color:#fff}
.secondary:hover{background:#fff;color:#000}
@media(max-width:700px){.overlay{flex-direction:column;width:80%}.btn{text-align:center}}