.donations-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.donations-heading h1{font-family:var(--display);font-size:clamp(38px,5vw,64px);text-transform:uppercase;letter-spacing:2px;margin:14px 0}
.donations-heading .intro{margin-bottom:28px}
.donation-mark{opacity:.65;filter:drop-shadow(0 0 24px #00e5f526)}.donation-mark svg{width:112px;height:112px}
.donation-notice{display:flex;align-items:center;gap:24px;border-block:1px solid #28505b;background:#041015d9;padding:17px 22px;margin:0 0 28px}
.donation-notice .label{margin:0;color:var(--cyan)}.donation-notice p{margin:0;flex:1;color:#bed0d8;font-size:14px}
#donation-availability{font:500 12px var(--display);text-transform:uppercase;letter-spacing:2px;color:#9eb2bb}
.donation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.donation-card{display:flex;flex-direction:column;border:1px solid #2d505d;background:linear-gradient(145deg,#0b1b23f5,#040d12f5);padding:25px;position:relative;transition:border-color .2s,transform .2s}
.donation-card:hover{border-color:#00c7d6;transform:translateY(-3px)}
.donation-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.donation-card-top span{font:12px ui-monospace,monospace;color:#718b97;letter-spacing:2px}
.donation-category{font:500 12px var(--display);color:#8eabb8;text-transform:uppercase;letter-spacing:2px;margin:0 0 8px}
.donation-card h2{font:700 27px var(--display);text-transform:uppercase;letter-spacing:.7px;margin:0 0 10px}
.donation-description{font-size:16px;line-height:1.55;color:#b7c9d2;margin:0 0 28px}
.donation-card-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #274550;padding-top:20px}
.donation-price{font:600 38px var(--display);letter-spacing:1px;color:#e9f4f7}
.donation-select{font:600 15px var(--display);text-transform:uppercase;letter-spacing:1px;background:#06212b;border:1px solid #286578;padding:12px 17px;color:var(--cyan);min-height:44px}
.donation-select:hover{background:#0b3440;border-color:var(--cyan)}
.donation-bundle{border-color:#00c7d680;background:linear-gradient(145deg,#09303aee,#041015f5)}.donation-bundle .donation-category{color:var(--cyan)}
.donation-vip{grid-column:1/-1;justify-self:center;width:min(100%,600px);margin-bottom:14px}
.tip-server{margin-top:38px;padding:34px 24px;text-align:center;border-top:1px solid #28505b;background:linear-gradient(180deg,#061820e8,#061116a8)}
.tip-server h2{font:700 32px var(--display);text-transform:uppercase;letter-spacing:1px;margin:12px 0}
.tip-server>p:not(.eyebrow){max-width:550px;margin:0 auto 24px;color:#b7c9d2;font-size:16px;line-height:1.6}
.tip-server .button{min-width:220px;max-width:100%}
@media(max-width:900px){.donation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.donation-notice{flex-wrap:wrap;gap:10px 20px}.donation-notice p{flex-basis:65%}}
@media(max-width:600px){.donation-grid{grid-template-columns:1fr}.donation-mark{display:none}.donation-card{padding:24px}.donation-card-top{margin-bottom:20px}.donation-notice{padding:18px}.donation-notice p{flex-basis:100%}.donation-price{font-size:36px}}