/* ═══ EUPHORIAXEPLEX — DONATE SECTION (matches neon cyberpunk theme) ═══ */
.donate-steps{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:44px;flex-wrap:wrap}
.donate-steps .step{font-family:'Russo One';font-size:14px;letter-spacing:1px;color:#8fa3e8;display:flex;align-items:center;gap:9px;padding:9px 18px;border-radius:20px;border:1px solid rgba(120,140,255,.25);background:rgba(14,20,44,.7);transition:all .35s}
.donate-steps .step span{width:26px;height:26px;border-radius:50%;background:rgba(120,140,255,.2);display:flex;align-items:center;justify-content:center;font-size:13px}
.donate-steps .step.active{color:#04121a;background:linear-gradient(90deg,var(--cyan),var(--blue));box-shadow:0 0 22px rgba(0,234,255,.5);border-color:transparent}
.donate-steps .step.active span{background:rgba(4,18,26,.25)}
.donate-steps .arrow{color:var(--cyan);opacity:.6}

.donate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,380px));gap:26px;justify-content:center;margin-bottom:44px}
.donate-card{background:var(--panel);border:1px solid rgba(120,140,255,.22);border-radius:16px;padding:32px 28px;position:relative;cursor:pointer;transition:all .35s;backdrop-filter:blur(8px);text-align:center}
.donate-card:hover{transform:translateY(-8px)}
.donate-card.selected{border-color:var(--cyan);box-shadow:0 0 34px rgba(0,234,255,.45);transform:translateY(-8px) scale(1.02)}
.donate-card.featured.selected{border-color:var(--purple);box-shadow:0 0 34px rgba(169,75,255,.5)}
.dc-best{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-family:'Press Start 2P';font-size:9px;background:linear-gradient(90deg,var(--purple),var(--blue));color:#fff;padding:8px 16px;border-radius:20px;box-shadow:0 0 18px rgba(169,75,255,.5);white-space:nowrap}
.donate-card .dc-badge{font-size:52px;filter:drop-shadow(0 0 16px rgba(255,255,255,.35));animation:floaty 3.4s ease-in-out infinite}
.donate-card h3{font-family:'Press Start 2P';font-size:17px;margin:16px 0 10px;color:#fff;letter-spacing:1px}
.dc-price{font-family:'Russo One';font-size:38px;color:var(--cyan);text-shadow:0 0 20px rgba(0,234,255,.5)}
.donate-card.featured .dc-price{color:var(--purple);text-shadow:0 0 20px rgba(169,75,255,.55)}
.dc-price small{font-size:13px;color:#8fa3e8;display:block;letter-spacing:3px;margin-top:4px}
.donate-card ul{list-style:none;margin:18px 0 24px;text-align:left}
.donate-card li{padding:6px 0;font-size:15px;color:#cdd8ff;border-bottom:1px dashed rgba(140,160,255,.14)}
.donate-card li:last-child{border:none}
.dc-select{font-family:'Press Start 2P';font-size:11px;background:linear-gradient(90deg,var(--cyan),var(--blue));color:#04121a;border:none;padding:15px 26px;border-radius:9px;cursor:pointer;transition:all .25s;width:100%}
.dc-select:hover{filter:brightness(1.25);letter-spacing:2px}
.donate-card.featured .dc-select{background:linear-gradient(90deg,var(--purple),var(--blue))}
.donate-card.selected .dc-select::after{content:" ✔"}

.donate-form{max-width:560px;margin:0 auto;background:var(--panel);border:1px solid rgba(120,140,255,.25);border-radius:16px;padding:32px;backdrop-filter:blur(8px)}
.donate-form h3{font-family:'Russo One';font-size:19px;letter-spacing:2px;margin-bottom:22px;text-align:center;text-shadow:0 0 16px rgba(0,234,255,.6)}
.form-row{margin-bottom:18px}
.form-row label{display:block;font-family:'Russo One';font-size:12px;letter-spacing:2px;color:#8fa3e8;margin-bottom:8px}
.form-row .req{color:var(--cyan)}
.form-row input{width:100%;background:rgba(5,8,20,.85);border:1px solid rgba(120,140,255,.3);border-radius:9px;color:#fff;font-family:'Russo One';font-size:16px;padding:14px 16px;outline:none;transition:all .3s}
.form-row input:focus{border-color:var(--cyan);box-shadow:0 0 18px rgba(0,234,255,.35)}
.form-row input.invalid{border-color:#ff5252;box-shadow:0 0 14px rgba(255,82,82,.4)}
.name-hint{font-size:12.5px;color:#9dff9d;margin-top:7px;opacity:0;transition:opacity .3s}
.name-hint.show{opacity:1}
.name-hint.bad{color:#ff7b7b}

.order-summary{background:rgba(0,234,255,.05);border:1px solid rgba(0,234,255,.3);border-radius:12px;padding:16px 20px;margin:6px 0 4px;font-size:15px}
.order-summary>div{display:flex;justify-content:space-between;padding:5px 0;color:#aebcf0}
.order-summary b{color:#fff;font-family:'Russo One'}
.order-summary .total{border-top:1px solid rgba(120,140,255,.25);margin-top:8px;padding-top:12px;font-size:17px}
.order-summary .total b{color:var(--gold);font-size:20px}

.donate-error{background:rgba(255,60,60,.1);border:1px solid rgba(255,82,82,.5);border-radius:9px;color:#ffb4b4;font-size:14px;padding:13px 16px;margin-bottom:16px;font-family:'Russo One'}

.dc-pay{width:100%;font-family:'Press Start 2P';font-size:12px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));background-size:200% 100%;color:#04121a;border:none;padding:19px;border-radius:10px;cursor:pointer;transition:all .3s;animation:gradShift 3s linear infinite}
.dc-pay:hover{filter:brightness(1.2);transform:translateY(-2px)}
.dc-pay:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}
.pay-note{text-align:center;font-size:12.5px;color:#7f8bbd;margin-top:14px}

.donate-modal{position:fixed;inset:0;z-index:300;background:rgba(3,4,10,.85);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}
.dm-box{background:var(--panel);border:1px solid rgba(0,234,255,.5);border-radius:18px;padding:44px 36px;max-width:440px;text-align:center;box-shadow:0 0 60px rgba(0,234,255,.35);animation:panelIn .5s cubic-bezier(.2,.9,.3,1.2)}
.dm-check{width:74px;height:74px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue));display:flex;align-items:center;justify-content:center;font-size:38px;color:#04121a;box-shadow:0 0 30px rgba(0,234,255,.7);animation:floaty 2.5s ease-in-out infinite}
.dm-box h3{font-family:'Press Start 2P';font-size:15px;color:#fff;margin-bottom:16px}
.dm-box p{color:#cdd8ff;font-size:15px;line-height:1.6}
.dm-box .dm-sub{color:#8fa3e8;font-size:13.5px;margin-top:10px}
.dm-box button{margin-top:26px;font-family:'Press Start 2P';font-size:11px;background:linear-gradient(90deg,var(--cyan),var(--blue));color:#04121a;border:none;padding:15px 28px;border-radius:9px;cursor:pointer;transition:all .25s}
.dm-box button:hover{filter:brightness(1.25);letter-spacing:2px}
.donate-card {
  cursor: pointer;
}

.donate-card.selected {
  border: 2px solid #36d399;
  box-shadow: 0 0 18px rgba(54, 211, 153, 0.35);
}

.donate-form {
  display: none;
}

.donate-form.visible {
  display: block;
}

.donate-modal[hidden] {
  display: none !important;
}