body {
      background-color: #111;
      color: #eee;
      font-family: system-ui, sans-serif;
      display: flex;
      justify-content: center;
      padding: 60px 20px;
      zoom: 0.80;
    }
    .tos-container {
      background: rgba(30, 30, 30, 0.95);
      border-radius: 20px;
      padding: 30px;
      max-width: 700px;
      width: 100%;
    }
    h1 {
      font-size: 2em;
      text-align: center;
      margin-bottom: 20px;
    }
    ul {
      padding-left: 20px;
      margin-top: 10px;
      margin-bottom: 20px;
    }
    ul li {
      margin-bottom: 10px;
      line-height: 1.6;
    }
    .sublist {
      margin-top: 5px;
      padding-left: 20px;
      list-style: circle;
    }
    p, a {
      text-align: center;
      display: block;
      margin-top: 20px;
      color: #00bfff;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }