:root {
      --bg: #020409;
      --ink: #f7fbff;
      --muted: #b7bdd4;
      --dim: #78809d;
      --panel: rgba(8, 12, 22, .84);
      --line: rgba(111, 86, 255, .28);
      --line-soft: rgba(45, 190, 255, .14);
      --gold: #e8fbff;
      --amber: #24c8ff;
      --ginger: #a829ff;
      --blue: #24c8ff;
      --violet: #7a35ff;
      --magenta: #c927ff;
      --green: #38d983;
      --shadow: 0 30px 94px rgba(0, 0, 0, .48);
      --surface: rgba(7, 10, 20, .9);
      --surface-strong: rgba(10, 15, 29, .96);
      --text: var(--ink);
    }

    * { box-sizing: border-box; }

    html {
      min-height: 100%;
      background: var(--bg);
      scrollbar-width: thin;
      scrollbar-color: var(--blue) #030611;
    }

    ::-webkit-scrollbar {
      width: 12px;
      height: 12px;
    }

    ::-webkit-scrollbar-track {
      background: #030611;
    }

    ::-webkit-scrollbar-thumb {
      border: 3px solid #030611;
      border-radius: 999px;
      background: linear-gradient(180deg, var(--blue), var(--violet) 55%, var(--magenta));
    }

    ::-webkit-scrollbar-thumb:hover {
      background: linear-gradient(180deg, #dff8ff, var(--blue) 42%, var(--violet));
    }

    ::-webkit-scrollbar-corner {
      background: #030611;
    }

    body {
      min-height: 100%;
      margin: 0;
      color: var(--ink);
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background:
        radial-gradient(circle at 13% 8%, rgba(123, 53, 255, .22), transparent 29rem),
        radial-gradient(circle at 88% 0%, rgba(36, 200, 255, .16), transparent 31rem),
        radial-gradient(circle at 50% 48%, rgba(123, 53, 255, .07), transparent 34rem),
        linear-gradient(180deg, #070915 0%, #020409 54%, #010205 100%);
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      opacity: .28;
      background:
        linear-gradient(rgba(36, 200, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(123, 53, 255, .032) 1px, transparent 1px);
      background-size: 44px 44px;
      mask-image: linear-gradient(180deg, #000 0%, transparent 72%);
    }

    button,
    input,
    textarea,
    select {
      font: inherit;
    }