/* WEB PANEL PROXY public CSS */
:root {
      --gold: #d4af37;
      --dark: #0b0e14;
      --fog: #1a1c22;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      min-height: 100vh;
      font-family: 'Montserrat', sans-serif;
      background: radial-gradient(circle at top, #2a2d36, var(--dark));
      color: #eaeaea;
    }

    header {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      background:
        linear-gradient(
          to bottom,
          rgba(11,14,20,0.25),
          rgba(11,14,20,0.95)
        ),
        url("https://images.unsplash.com/photo-1504718855392-c0f33b0d5e1f")
        center / cover no-repeat;
    }

    .panel {
      background: rgba(0, 0, 0, 0.6);
      border: 1px solid rgba(212, 175, 55, 0.45);
      padding: 3.2rem 3.8rem;
      border-radius: 20px;
      backdrop-filter: blur(6px);
      box-shadow:
        0 0 40px rgba(212, 175, 55, 0.2),
        inset 0 0 25px rgba(212, 175, 55, 0.08);
    }

    h1 {
      font-family: 'Cinzel', serif;
      font-size: clamp(3rem, 6vw, 5rem);
      letter-spacing: 0.2em;
      color: var(--gold);
      text-shadow:
        0 0 25px rgba(212,175,55,.6),
        0 0 60px rgba(212,175,55,.25);
    }

    .rune {
      display: block;
      margin: 1.4rem auto;
      font-size: 2.4rem;
      letter-spacing: 0.4em;
      color: var(--gold);
      opacity: 0.9;
      text-shadow:
        0 0 10px rgba(212,175,55,0.4),
        0 0 25px rgba(212,175,55,0.2);
    }

    p {
      max-width: 640px;
      margin: 1.6rem auto;
      font-size: 1.15rem;
      line-height: 1.7;
      opacity: 0.95;
    }

    .chronicle {
      font-family: 'Cinzel', serif;
      font-style: italic;
      font-size: 1.05rem;
      opacity: 0.85;
    }

    .coming {
      margin-top: 2.2rem;
      font-family: 'Cinzel', serif;
      font-size: 1.45rem;
      letter-spacing: 0.15em;
      color: #ffffff;
    }

    footer {
      text-align: center;
      padding: 1.5rem;
      font-size: 0.85rem;
      opacity: 0.6;
      background: rgba(0,0,0,0.4);
    }