body{margin:0;font-family:'Segoe UI',sans-serif;background:linear-gradient(120deg,#e0f7fa,#80deea);color:#003344}
.hero{ text-align:center;padding:3em 1em; backdrop-filter: blur(10px); background-color: rgba(255,255,255,0.6); border-radius: 12px; margin: 2em auto; width: 90%; max-width: 800px;}
.progress-container{display:flex;justify-content:space-between;margin:2em 0 .5em}
.step{flex:1;text-align:center;font-weight:700;opacity:.4}
.step.active{color:#0097a7;opacity:1}
.progress-bar{height:8px;background:#b2ebf2;border-radius:5px;margin-bottom:2em;overflow:hidden}
.progress-fill{height:100%;width:20%;background:#0097a7;transition:width .5s ease}
.countdown{font-size:1.2em;margin-bottom:1em}
.visitor-notify{background:#ffffffcc;padding:2em;border-radius:10px;width:90%;max-width:700px;margin:1em auto;box-shadow:0 0 10px rgba(0,0,0,0.05)}
.visitor-notify ul{list-style:none;padding:0}
footer{text-align:center;background:#004d40;color:#fff;padding:1em 0}