body{
background:#000814;
color:#00ff99;
font-family:Verdana,sans-serif;
margin:0;
background-image:radial-gradient(circle at top,#021d35,#000);
}
.topbar{
position:sticky;top:0;background:#ff0;color:#000;padding:10px;
text-align:center;font-weight:bold;z-index:999;
}
.wrap{max-width:980px;margin:auto;padding:20px;}
.hero{
border:4px ridge #00ffcc;
padding:30px;
background:#001d3d;
box-shadow:0 0 25px #00ffcc;
text-align:center;
}
h1{
font-size:58px;
text-shadow:4px 4px #ff00ff;
margin:0;
}
.marquee{
background:#ff00ff;color:#fff;padding:10px;margin:20px 0;
}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.card{
background:#011627;
border:3px solid #00ffcc;
padding:20px;
}
.counter{
font-size:30px;
background:#000;
padding:10px;
display:inline-block;
border:3px inset #fff;
}
.aol{
background:#c0c0c0;color:#000;border:4px outset #fff;padding:20px;
}
input,textarea{
width:100%;padding:12px;margin:8px 0;background:#fff;border:2px inset #999;
}
button{
background:#0000ff;color:#fff;padding:12px 18px;border:none;font-weight:bold;
}
.footer{padding:40px;text-align:center;}
a{color:#00ffff;}
.guestbook-entry{
border-bottom:1px dashed #00ffcc;padding:10px 0;
}