:root {--primary-font:"Helvetica Neue", Arial, sans-serif; --primary-color:#ffffff; --secondary-bg-color:#343434; --highlight-color:#daab75; --box-shadow:0 8px 15px rgba(0,0,0,0.3); --overlay-bg:rgba(0, 0, 0, 0.5); --overlay-shadow:rgba(0, 0, 0, 0.8);}
body {display:flex; flex-direction:column; background-color:unset !important;}
footer {text-align:center; font-size:0.8em;}
header {display:flex; align-items:center; justify-content:space-between;}
header, footer {background-color:rgba(0,0,0,0.1) !important; padding:1em;}
header, footer, html {background-color:#343434 !important;}
header .logo {font-size:1.2em; font-weight:bold; letter-spacing:1px;}
html, body {margin:0; padding:0; font-family:var(--primary-font); height:100%; color:var(--primary-color);}
.call-to-action {margin-top:1.5em;}
.call-to-action a {display:inline-block; background:var(--highlight-color); color:var(--primary-color); font-size:1em; font-weight:bold; text-decoration:none; margin:0.5em; padding:0.8em 1.5em; border-radius:5px; transition:all 0.3s ease;}
.footer-text {text-align:center;}
.glass {color:rgba(128,0,32,1) !important;}
.hero {flex:none; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:2em;}
.hero img {width:100% !important; max-width:750px !important; min-width:50vw; height:auto; border-radius:10px; box-shadow:0px 0px 0px 2px rgba(255,255,255,1); margin-bottom:1.5em;}
.overlay-text {position:absolute; top:unset; left:50%; color:var(--primary-color); font-size:1.8em; font-weight:500; letter-spacing:1px; transform:translate(-50%,-50%); padding:15px 30px; background:var(--overlay-bg); text-shadow:0 2px 5px var(--overlay-shadow); border-radius:5px; white-space:nowrap;}
@media (max-width: 768px) {.call-to-action a {margin:0.5em 0; width:80%;}}
@media (max-width: 768px) and (orientation:portrait) {.overlay-text {font-size:1em; top:27%; transform:translate(-50%,-275%) !important; top:auto !important; top:20rem !important;}}