:root{
  --bg:#252b34;
  --text:#f5f5f5;
  --muted:#9aa0a6;
  --link-jellyfin:#7cd0ff;
  --link-jellyseerr:#8C79E4;
  --btn-bg:#151d2c;
}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:sans-serif;
  text-align:center;
  padding:4rem 1rem;
}
h1{
  font-size:2.2rem;
  letter-spacing:.08em;
  margin-bottom:2.5rem;
}
.menu{
  list-style:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1.2rem;
}
.menu a{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  min-width:220px;
  padding:.9rem 2rem;
  font-size:1.3rem;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  background:var(--btn-bg);
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.menu a img{height:30px;width:auto;}
.menu a:hover{
  border-color:currentColor;
  transform:scale(1.05);
}
.menu a.jellyfin{  color:var(--link-jellyfin); }
.menu a.jellyseerr{color:var(--link-jellyseerr);}
footer{margin-top:3rem;font-size:.80rem;color:var(--muted);}
.stamps{
  position:fixed;
  top:12px;
  right:12px;
  width:72px;
  height:auto;
  border-radius:8px;
  opacity:.9;
  transition:transform .15s ease, opacity .15s ease;
  z-index:50;
}
.stamps:hover{transform:scale(1.08);opacity:1;}
@media (min-width:600px){
  .menu{flex-direction:row;justify-content:center;}
}