/* Page-scoped styles for thanks.html */
body {
      min-height: 100vh; display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      padding: 48px 24px; text-align: center; position: relative; overflow: hidden;
    }

    .glow {
      position: absolute; top: 50%; left: 50%; transform: translate(-50%, -60%);
      width: 500px; height: 500px;
      background: radial-gradient(ellipse, var(--lime-glow) 0%, transparent 70%);
      filter: blur(60px); pointer-events: none;
      animation: pulse 3s ease-in-out infinite alternate;
    }
    @keyframes pulse { from { opacity: 0.6; } to { opacity: 1; } }

    .check-wrap {
      width: 72px; height: 72px;
      background: var(--lime-dim); border: 1px solid var(--lime);
      border-radius: 50%; display: flex; align-items: center; justify-content: center;
      margin: 0 auto 36px;
      animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
      position: relative;
    }
    @keyframes popIn { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } }

    .label {
      font-family: var(--mono); font-size: 11px; letter-spacing: 0.2em;
      text-transform: uppercase; color: var(--lime);
      margin-bottom: 20px; position: relative;
      animation: fadeUp 0.5s 0.2s ease both;
    }

    h1 {
      font-family: var(--sans); font-size: clamp(40px, 6vw, 72px); font-weight: 900;
      font-variation-settings: 'opsz' 96; letter-spacing: -0.02em; line-height: 1.05;
      margin-bottom: 24px; position: relative;
      animation: fadeUp 0.6s 0.3s ease both;
    }
    h1 em { font-style: italic; color: var(--lime); }

    .sub {
      font-size: 17px; color: var(--muted); max-width: 440px; line-height: 1.75;
      margin: 0 auto 56px; position: relative;
      animation: fadeUp 0.6s 0.4s ease both;
    }

    .steps-card {
      background: var(--bg2); border: 1px solid var(--border-bright);
      border-radius: 8px; padding: 40px; max-width: 520px; width: 100%;
      text-align: left; position: relative;
      animation: fadeUp 0.7s 0.5s ease both;
    }

    .steps-label {
      font-family: var(--mono); font-size: 10px; letter-spacing: 0.2em;
      text-transform: uppercase; color: var(--lime); margin-bottom: 24px;
    }

    .next-step {
      display: flex; gap: 16px; align-items: flex-start;
      padding: 16px 0; border-bottom: 1px solid var(--border);
    }
    .next-step:last-child { border-bottom: none; padding-bottom: 0; }

    .step-dot {
      flex-shrink: 0; width: 28px; height: 28px;
      background: var(--lime-dim); border: 1px solid rgba(191,255,94,0.3);
      border-radius: 50%; display: flex; align-items: center; justify-content: center;
      font-family: var(--mono); font-size: 11px; color: var(--lime); margin-top: 1px;
    }

    .step-text { }
    .step-title { font-size: 14px; font-weight: 600; margin-bottom: 4px; }
    .step-desc { font-size: 13px; color: var(--muted); line-height: 1.6; }
    .step-desc a { color: var(--lime); text-decoration: none; }
    .step-desc a:hover { text-decoration: underline; }
    .step-desc code { font-family: var(--mono); font-size: 11px; color: var(--lime); background: var(--lime-dim); padding: 1px 5px; border-radius: 2px; }

    .footer-note {
      font-family: var(--mono); font-size: 11px; color: var(--faint);
      margin-top: 48px; position: relative;
      animation: fadeUp 0.6s 0.7s ease both;
    }
    .footer-note a { color: var(--muted); text-decoration: none; }
    .footer-note a:hover { color: var(--white); }