:root{
    --bg:#05070c; --panel:#0a1018; --panel2:#0d1a1a;
    --gold:#f5c542; --green:#39ff8b; --blue:#1e90ff;
    --txt:#dceef5; --muted:#7fa3ad;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  body{
    background:
      linear-gradient(rgba(6,10,18,.45), rgba(6,10,18,.55)),
      url('../designer-bg.jpg') center/520px repeat fixed,
      radial-gradient(1000px 500px at 50% -10%, rgba(30,144,255,.18), transparent 60%),
      var(--bg);
    color:var(--txt); font-family:'Space Grotesk',sans-serif; min-height:100vh;
  }
  a{color:inherit;text-decoration:none}
  .wrap{max-width:680px;margin:0 auto;padding:32px 18px 60px}

  header{text-align:center;margin-bottom:28px}
  .eye{
    width:92px;height:92px;margin:0 auto 14px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;position:relative;
    background:radial-gradient(circle at 50% 35%, #0d2b4d, #060a12);
    border:2px solid var(--gold);
    box-shadow:0 0 30px rgba(245,197,66,.35), inset 0 0 18px rgba(30,144,255,.35);
    animation:pulse 4s ease-in-out infinite;
  }
  @keyframes pulse{0%,100%{box-shadow:0 0 22px rgba(245,197,66,.3)}50%{box-shadow:0 0 44px rgba(245,197,66,.55)}}
  .eye svg{width:74px;height:74px;display:block}
  /* bloodshot veins flicker + glow */
  .veins{stroke:#ff1a1a;stroke-width:1.8;fill:none;stroke-linecap:round;
    filter:drop-shadow(0 0 4px rgba(255,20,20,.9));
    animation:veinburn 3s ease-in-out infinite;
  }
  @keyframes veinburn{0%,100%{opacity:.55}50%{opacity:1}}
  .veins.v2{animation-delay:1.4s}
  .veins.v3{animation-delay:2.1s}
  /* bloodshot sclera tint breathing */
  .sclera{fill:#f6ded9;animation:sclerapulse 4s ease-in-out infinite}
  @keyframes sclerapulse{0%,100%{fill:#f6ded9}50%{fill:#f8cfc6}}
  @keyframes rise{0%{transform:translateY(0) translateX(0) scale(.8);opacity:0}
    15%{opacity:.8}85%{opacity:.6}
    100%{transform:translateY(-110vh) translateX(60px) scale(1.4);opacity:0}}
  /* heavy-lid stoner droop blinking */
  .lid{fill:#060a12;transform-origin:37px 26px;animation:droop 6s ease-in-out infinite}
  @keyframes droop{0%,100%{transform:translateY(0)}45%{transform:translateY(0)}52%{transform:translateY(-7px)}60%{transform:translateY(0)}}
  /* dilated pupil slowly swelling */
  .pupil{animation:dilate 7s ease-in-out infinite}
  @keyframes dilate{0%,100%{transform:scale(1)}50%{transform:scale(1.28)}}
  .irisg{transform-origin:37px 37px;animation:sway 5.5s ease-in-out infinite}
  @keyframes sway{0%,100%{transform:translateX(-1.5px)}50%{transform:translateX(1.5px)}}
  h1{font-family:'Cinzel',serif;font-size:clamp(24px,6vw,34px);letter-spacing:2px;
     background:linear-gradient(90deg,var(--gold),var(--blue),var(--green));
     -webkit-background-clip:text;background-clip:text;color:transparent}
  .tagline{color:var(--muted);font-size:14px;margin-top:6px;letter-spacing:1px}
  .warn{margin:20px auto 0;max-width:560px;background:rgba(220,38,38,.14);
    border:2px solid rgba(239,68,68,.75);border-radius:12px;padding:12px 14px;
    font-size:13px;color:#ff6b6b;text-align:center;line-height:1.6}
  .warn b{color:#ff4d4d}

  .divider{
    display:flex;align-items:center;gap:12px;margin:30px 0 16px;
    color:var(--blue);font-family:'Cinzel',serif;font-size:15px;letter-spacing:2px;text-align:center;
  }
  .divider::before,.divider::after{content:"";flex:1;height:1px;
    background:linear-gradient(90deg,transparent,rgba(30,144,255,.5));}
  .divider::after{background:linear-gradient(90deg,rgba(30,144,255,.5),transparent)}

  .card{
    background:linear-gradient(160deg,var(--panel),var(--panel2));
    border:1px solid rgba(30,144,255,.3);border-radius:16px;
    padding:20px;margin-bottom:16px;transition:transform .15s, border-color .15s;
  }
  .card:hover{transform:translateY(-2px);border-color:var(--gold)}
  .card h2{font-family:'Cinzel',serif;font-size:18px;color:var(--gold);margin-bottom:10px}
  .card p{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:8px}
  .track{display:flex;justify-content:space-between;padding:8px 12px;border-radius:8px;
    background:rgba(255,255,255,.03);margin-bottom:6px;font-size:14px}
  .track .soon{color:var(--muted);font-style:italic}
  .track .feat{color:var(--muted);font-style:italic;font-weight:400;font-size:.85em}
  a.track{color:inherit} a.track:hover{background:rgba(57,255,139,.08)}
  .track .num{color:var(--green);font-weight:700;margin-right:8px}

  .links{display:grid;gap:10px;margin-top:12px}
  .btn{
    display:flex;align-items:center;justify-content:center;gap:8px;
    padding:13px 16px;border-radius:10px;font-weight:700;font-size:14px;
    background:linear-gradient(90deg,rgba(245,197,66,.15),rgba(30,144,255,.15));
    border:1px solid rgba(245,197,66,.35);color:var(--txt);
    transition:all .15s;word-break:break-all;text-align:center;
  }
  .btn:hover{background:linear-gradient(90deg,rgba(245,197,66,.3),rgba(30,144,255,.3));border-color:var(--gold)}
    .btn.gold{background:linear-gradient(90deg,#f5c542,#d4a017);color:#0b0b13;border:1px solid #f5c542;font-weight:800;padding:12px 18px;border-radius:10px;display:inline-block;box-shadow:0 0 16px rgba(245,197,66,.4)}
  .btn.green{border-color:rgba(57,255,139,.4);background:linear-gradient(90deg,rgba(57,255,139,.12),rgba(57,255,139,.05))}
  .btn.green:hover{background:linear-gradient(90deg,rgba(57,255,139,.28),rgba(57,255,139,.12))}
  .onion{font-size:12px;font-family:monospace;color:var(--muted);word-break:break-all}
  .vault{
    background:linear-gradient(160deg,rgba(57,255,139,.08),var(--panel));
    border:1px solid rgba(57,255,139,.35);
  }
  .vault h2{color:var(--green)}
  .mini{font-size:12px;color:var(--muted);margin-top:8px}
  .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
  .chip{font-size:12px;padding:6px 12px;border-radius:999px;
    border:1px solid rgba(30,144,255,.45);color:var(--blue)}
  .chip:hover{border-color:var(--gold);color:var(--gold)}
  .support{margin-top:34px;text-align:center;font-size:13px;color:var(--muted);line-height:1.7}
  .support b{color:var(--gold)}
  .pyr{margin-top:26px;text-align:center;font-size:22px;letter-spacing:6px;opacity:.7}
  .cover{width:100%;max-width:560px;margin-left:auto;margin-right:auto;border-radius:12px;display:block;margin-bottom:14px;
    border:1px solid rgba(245,197,66,.45);box-shadow:0 0 26px rgba(30,144,255,.35)}
  .tg .chip{font-size:14px;padding:12px 16px;border-radius:10px;display:flex;
    align-items:center;justify-content:center;gap:8px;font-weight:700;
    background:linear-gradient(90deg,rgba(57,255,139,.12),rgba(57,255,139,.04));
    border:1px solid rgba(57,255,139,.4);color:var(--txt)}
  .tg .chip:hover{border-color:var(--gold);color:var(--gold)}

  .bonus-card{border:1px solid rgba(212,175,55,.55);background:linear-gradient(160deg,rgba(212,175,55,.10),rgba(46,204,113,.08)),var(--card,#111)}
  .bonus-card h2{color:#d4af37}
  .bonus-track{color:#2ecc71;font-weight:600}

  .gwrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  @media(max-width:560px){.gwrap{grid-template-columns:1fr}}
  .gcell{background:linear-gradient(160deg,rgba(245,197,66,.10),rgba(57,255,139,.06));border:1px solid rgba(245,197,66,.5);border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 0 18px rgba(30,144,255,.18)}
  .gcell img{width:100%;max-width:280px;border-radius:10px;border:1px solid rgba(245,197,66,.45);display:block;margin-bottom:10px}
  .gcell .ghost{color:var(--gold);font-family:'Cinzel',serif;font-weight:800;letter-spacing:2px;font-size:13px;padding:34px 6px}
  .gcell .ghost{color:var(--muted);font-size:13px;line-height:1.55;margin-bottom:8px}
  .gcell .gdate{color:var(--gold);font-size:12.5px;letter-spacing:1px;margin-top:auto;padding-top:8px;border-top:1px solid rgba(245,197,66,.3)}
  .gcell.over .ghost,.gcell.over .gname{text-decoration:line-through;opacity:.75}
  .gover{color:#ff6b6b;font-weight:700;font-size:12px;letter-spacing:2px;margin-top:6px}

  .card{position:relative;overflow:hidden}
  .card .float-sym{position:absolute;font-size:20px;opacity:.10;pointer-events:none;animation:floatsym 9s ease-in-out infinite}
  .card .float-sym.s2{animation-duration:12s;animation-delay:1.6s;font-size:15px}
  .card .float-sym.s3{animation-duration:14s;animation-delay:3.2s;font-size:24px}
  @keyframes floatsym{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-14px) rotate(8deg)}}