body{
margin:0;
background:#090909;
color:#f4f4f4;
font-family:'Inter',sans-serif;
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;
text-align:center;
}
.container{padding:30px;max-width:700px}
.ring{
width:140px;height:140px;border:3px solid #c9a35a;border-radius:50%;
display:flex;align-items:center;justify-content:center;
margin:0 auto 28px auto;
}
.ho{
font-size:60px;
font-weight:700;
color:#d4af63;
letter-spacing:2px;
}
h1{margin:0;font-size:44px;letter-spacing:3px}
.tagline{
color:#c9a35a;
margin-top:12px;
font-size:20px;
}
.status{
margin:42px 0 18px;
font-size:20px;
display:flex;
justify-content:center;
align-items:center;
gap:10px;
}
.dot{
width:12px;height:12px;border-radius:50%;
background:#26d04f;
animation:pulse 2s infinite;
}
.message{
line-height:1.8;
color:#d0d0d0;
}
.links{
margin-top:35px;
display:flex;
justify-content:center;
gap:12px;
font-weight:600;
}
.links a{
color:#f4f4f4;
text-decoration:none;
}
.links a:hover{
color:#c9a35a;
}
footer{
margin-top:60px;
font-size:13px;
color:#888;
}
@keyframes pulse{
0%{opacity:1;transform:scale(1)}
50%{opacity:.35;transform:scale(1.2)}
100%{opacity:1;transform:scale(1)}
}