:root{
      --bg0:#000000;
      --bg1:#070b14;
      --card: rgba(255,255,255,0.06);
      --border: rgba(255,255,255,0.14);
      --text: rgba(255,255,255,0.92);
      --muted: rgba(255,255,255,0.70);
      --blue1:#88dacd;
      --blue2:#0066ff;
      --radius:18px;
      --shadow: 0 18px 60px rgba(0,0,0,0.55);
      --max: 900px;
    }

    *{ box-sizing:border-box; }

    body{
      margin:0;
      font-family: var(--font-sans);
      color: var(--text);
      background:
        radial-gradient(900px 380px at 50% 0%, rgba(30,144,255,0.20), transparent 55%),
        linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 100%);
    }

    .wrap{
      width: min(var(--max), 100%);
      margin: 0 auto;
      padding: 40px 20px;
    }

    .card{
      background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
      border: 1px solid var(--border);
      border-radius: 26px;
      box-shadow: var(--shadow);
      backdrop-filter: blur(10px);
      padding: 30px;
    }

    h1{
      margin-top:0;
      font-size: 28px;
    }

    h2{
      margin-top:30px;
      font-size: 18px;
      color: var(--blue1);
    }

    p{
      color: var(--muted);
      line-height: 1.6;
      font-size: 14.5px;
    }

    ul{
      color: var(--muted);
      font-size: 14.5px;
      line-height: 1.6;
      padding-left: 20px;
    }

    a{
      color: var(--blue1);
      text-decoration: none;
    }

    .back{
      display:inline-block;
      margin-bottom:20px;
      color: var(--blue1);
      font-size:14px;
      text-decoration:none;
    }

    .footer{
      margin-top:40px;
      font-size:12px;
      color: rgba(255,255,255,0.55);
      text-align:center;
    }