:root {
        --bg: #050608;
        --panel: #0b0e13;
        --border: #f7931a;
        --glow: rgba(247, 147, 26, 0.55);
        --text: #f9fafb;
        --muted: #9ca3af;
        --accent: #f7931a;
        --radius-lg: 24px;
      }
      * { box-sizing: border-box; }
      body {
        margin: 0;
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        background: radial-gradient(circle at top, #111827 0, #050608 55%);
        color: var(--text);
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      }
      .card-wrap {
        width: min(90vmin, 480px);
        aspect-ratio: 1 / 1;
        padding: 12px;
      }
      .card {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 14px;
        background: radial-gradient(circle at top left, #111827 0, #050608 55%);
        border-radius: var(--radius-lg);
        border: 1px solid rgba(248, 250, 252, 0.16);
        box-shadow:
          0 0 0 1px rgba(15, 23, 42, 0.9),
          0 0 32px var(--glow);
        display: flex;
        flex-direction: column;
        overflow: hidden;
      }
      .badge {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 3px 9px;
        border-radius: 999px;
        background: rgba(15, 23, 42, 0.9);
        border: 1px solid rgba(148, 163, 184, 0.6);
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: var(--muted);
        flex-shrink: 0;
      }
      .badge-dot {
        width: 6px;
        height: 6px;
        border-radius: 999px;
        background: var(--accent);
        box-shadow: 0 0 10px var(--glow);
      }
      .logo-block {
        margin: 10px 0 6px;
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .logo-block img {
        max-width: 100%;
        height: auto;
        display: block;
        filter: drop-shadow(0 0 20px rgba(247, 147, 26, 0.7));
      }
      .title {
        color: #fd7604;
        margin: 2px 0;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        flex-shrink: 0;
      }
      .subtitle {
        font-size: 11px;
        color: var(--muted);
        flex-shrink: 0;
      }
      .meta-row {
        margin-top: 6px;
        font-size: 10px;
        color: var(--muted);
        flex-shrink: 0;
      }
      .meta-label {
        text-transform: uppercase;
        letter-spacing: 0.16em;
        font-size: 9px;
        opacity: 0.85;
      }
      .meta-value {
        color: var(--accent);
      }
      .footer-line {
        margin-top: 8px;
        padding-top: 6px;
        border-top: 1px solid rgba(30, 64, 175, 0.5);
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 10px;
        color: var(--muted);
        flex-shrink: 0;
      }
      .networks {
        display: flex;
        gap: 6px;
        font-size: 9px;
        text-transform: uppercase;
        letter-spacing: 0.12em;
      }

      @media (max-width: 360px) {
        .title { font-size: 13px; }
        .subtitle, .meta-row, .footer-line { font-size: 9px; }
        .badge { font-size: 9px; }
      }