body.portal-v3[data-page=wallet]{font-family:Circe,Arial,sans-serif}
.donate-main{max-width:1304px;padding:24px 32px 80px;margin:auto}
.donate-hero{position:relative;isolation:isolate;border:1px solid #a9863266;border-radius:24px;background:radial-gradient(ellipse at 85% 18%,#b79a4133,transparent 50%),#052033;padding:32px;overflow:hidden}
.donate-intro{position:relative;width:53%;z-index:1;min-height:325px}
.donate-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.donate-badges>span{border:1px solid #957700;border-radius:20px;background:#302b0b;color:#ffca00;font-size:13px;letter-spacing:1px;font-weight:700;padding:5px 12px;line-height:1.15;text-transform:uppercase}
.donate-badges>span:last-child{color:#17120a;background:linear-gradient(110deg,#ffd400,#ef8b24);border-color:transparent;letter-spacing:.6px}
.portal-v3 .donate-intro h1{font-family:Circe,Arial,sans-serif;font-weight:800;font-size:clamp(38px,3.65vw,56px);line-height:1;letter-spacing:1px;text-transform:uppercase;margin:0 0 18px;color:#fff}
.donate-intro h1 em{font-style:normal;background:linear-gradient(105deg,#ffda00,#ed8a1c);background-clip:text;-webkit-background-clip:text;color:transparent}
.donate-lead{font-size:18px;line-height:1.65;color:#d6e0e8;max-width:570px;margin:0 0 14px}
.donate-realm-note{display:flex;align-items:flex-start;gap:10px;border:1px solid #a35d2477;border-radius:16px;padding:12px 14px;background:#1c1d1dc9;max-width:480px;font-size:14px;line-height:1.6;color:#d9d6d6;margin:0}
.donate-realm-note>span:first-child{color:#ff941c;font-size:20px;line-height:1.3}
.donate-hero-art{position:absolute;z-index:0;width:46%;height:330px;object-fit:contain;right:3%;top:33px;filter:drop-shadow(0 8px 24px #d353de1a);animation:donate-art-in .8s ease-out both}
.donate-packs{position:relative;z-index:1;scroll-margin-top:110px;margin-top:18px}
.donate-pack-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}
.donate-pack-heading>p{font-size:13px;letter-spacing:1.3px;text-transform:uppercase;color:#becbd5;margin:0}
.donate-pack-heading>div{display:flex;gap:20px;font-size:14px;color:#b8c7d2}
.donate-pack-heading>div>span:first-child{color:#a8d9a3}
.donate-scenario{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;font-size:13px;color:#8fa9ba}
.donate-scenario [role=group]{display:flex;background:#031623;border:1px solid #294355;border-radius:8px;padding:3px}
.donate-scenario button{font:inherit;border:1px solid transparent;border-radius:5px;background:transparent;color:#afc1ce;padding:7px 12px;cursor:pointer;line-height:1.2}
.donate-scenario button.active{background:#433b1a;color:#ffe397;border-color:#92731e}
.donate-pack-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.donate-pack{position:relative;background:radial-gradient(ellipse at top,#66562a2b,transparent 70%),#031724;border:1px solid #31404c;border-radius:18px;min-width:0;cursor:pointer;text-align:center;padding:12px 8px 15px;color:#fff;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:144px;transition:border-color .18s,background .18s,transform .18s;overflow:visible}
.donate-pack:hover{border-color:#c79d19;transform:translateY(-3px)}
.donate-pack.selected{border:2px solid #e3b000;padding:11px 7px 14px;background:radial-gradient(ellipse at top,#806a2b55,transparent 80%),#051b29}
.donate-pack-radio{position:absolute;right:10px;top:10px;width:21px;height:21px;border:1px solid #62717b;border-radius:50%;display:grid;place-items:center;font-size:14px;color:transparent}
.donate-pack.selected .donate-pack-radio{background:linear-gradient(120deg,#ffdc00,#ff9900);border-color:#eeb700;color:#66500a}
.donate-pack-badge{position:absolute;left:50%;top:-13px;transform:translateX(-50%);background:linear-gradient(100deg,#ffe000,#f49b13);border-radius:20px;color:#271800;font-size:12px;font-weight:800;white-space:nowrap;padding:4px 9px;line-height:1.1}
.donate-package-art{display:block;width:76px;height:76px;background-image:url('/assets/donate-v21/package-atlas.png');background-size:300% 200%;background-repeat:no-repeat;flex:none}
.donate-pack .donate-package-art{margin-bottom:2px;width:70px;height:70px}
.donate-pack-total{font-size:21px;line-height:1.1;display:flex;align-items:center;gap:6px;font-weight:800;font-variant-numeric:tabular-nums}
.donate-wc-chip{border-radius:12px;background:#b3ffdf;color:#063228;font-size:12px;font-weight:800;padding:2px 6px;line-height:1.1}
.donate-pack-price{font-size:17px;font-weight:700;line-height:1.15;margin-top:6px;color:#ebf0f4}
.donate-order{border:1px solid #b38d16;border-radius:18px;background:#1b251ec9;padding:14px;margin-top:14px}
.donate-order-row{display:flex;align-items:center;gap:18px}
.donate-order-row>div{display:flex;flex-direction:column;gap:5px}
.donate-order small{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#d4dbd7}
.donate-order strong{font-size:22px;color:#fff}
.donate-order-bonus{border-left:1px solid #ac8c173f;padding-left:24px;flex:1}
.donate-order-bonus strong{font-size:16px;color:#e7d491;font-weight:600}
.donate-continue{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #ffb66388;border-radius:28px;background:linear-gradient(#ff851f,#f75a00);box-shadow:inset 0 2px 0 #ffd49c66,0 5px 15px #ff440033;color:white;font:inherit;font-size:15px;font-weight:700;padding:14px 22px;cursor:pointer;text-decoration:none;white-space:nowrap;min-height:47px}
.donate-order-note{font-size:14px;margin:12px 0 0;padding:9px 12px;border:1px solid #1685c855;border-radius:12px;background:#062032bb;color:#c8dce6;line-height:1.5}
.donate-payment{padding-top:76px;scroll-margin-top:115px}
.portal-v3 .donate-payment h2,.portal-v3 .donate-faq h2{font-family:Circe,Arial,sans-serif;font-size:clamp(30px,3vw,44px);font-weight:800;letter-spacing:.5px;line-height:1.1;text-transform:uppercase;color:#fff;margin:0 0 15px}
.donate-payment-intro{font-size:18px;line-height:1.6;max-width:750px;color:#c1ccd6;margin:0 0 30px}
.donate-payment-hint{display:flex;align-items:center;gap:12px;font-size:14px;border-radius:13px;background:#5d4e153d;color:#e7e1c8;padding:13px 15px;margin-bottom:30px}
.donate-payment-hint>span:first-child,.donate-payment-hint a{color:#ffcc00}
.donate-payment-hint a{text-decoration:underline;text-underline-offset:3px}
.donate-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,300px));gap:14px}
.donate-provider{position:relative;min-height:178px;background:#052033df;border:1px solid #2d4556;border-radius:22px;padding:25px 24px 18px;text-align:left;color:white;font:inherit;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;flex-direction:column;gap:20px;min-width:0}
.donate-provider:not(:disabled):hover{transform:translateY(-3px);border-color:#ddb33f;box-shadow:0 12px 30px #0003}
.donate-provider.active{border-color:#f9b900;background:linear-gradient(130deg,#303328c7,#062037)}
.donate-provider:disabled{cursor:default;opacity:.5}
.donate-provider-name{display:inline-flex;align-items:center;font-size:27px;line-height:1;font-weight:800;min-height:32px;white-space:nowrap}
.provider-rivoo{font-family:Arial,sans-serif;letter-spacing:-1px;color:#a785ff}.provider-rivoo>span{color:#f3eaff}
.provider-mp{font-size:23px;letter-spacing:-.7px;color:#fff;flex-wrap:wrap}.provider-mp>span{color:#51c5ef;margin-left:4px}
.provider-paypal{font-family:Arial,sans-serif;font-weight:800;font-style:italic;letter-spacing:-1px;color:#009cde;background:#fff;border-radius:30px;padding:5px 13px;font-size:25px;align-self:flex-start}.provider-paypal>span{color:#003087}
.donate-provider-methods{border-top:1px solid #344b5a66;padding-top:14px;display:flex;align-items:center;gap:7px;font-size:12px;color:#9db8c9;flex-wrap:wrap}
.donate-provider-methods b{padding:4px 7px;background:#18344b;border-radius:4px;color:#bcd6e5;line-height:1}
.donate-provider>small{font-size:13px;color:#a9bbc7;margin-top:auto;line-height:1.3}
.donate-provider>i{position:absolute;right:15px;top:15px;width:17px;height:17px;border:1px solid #597181;border-radius:50%}
.donate-provider.active>i{background:#ffbc00;border-color:#ffbc00;box-shadow:inset 0 0 0 4px #103044}
.donate-checkout{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;border:1px solid #705d28;border-radius:16px;background:#0a2133;padding:20px}
.donate-checkout strong{font-size:20px}.donate-checkout p{font-size:15px;color:#a7bdcd;margin:5px 0 0;line-height:1.5}
.donate-checkout button:disabled{background:#3d4a5a;box-shadow:inset 0 2px 0 #a3b0bf33;border-color:#5b697a;color:#acb7c2;cursor:not-allowed}
.donate-service-note{font-size:14px;color:#9cafbc;line-height:1.5;margin:18px 0 0}
.donate-faq{padding:90px 0 0}.donate-faq>header{text-align:center;margin-bottom:35px}
.portal-v3 .donate-faq h2{background:linear-gradient(100deg,#ffd900,#f68e19);background-clip:text;-webkit-background-clip:text;color:transparent}
.donate-faq>header p{font-size:16px;color:#a0b4c3;margin:0}
.donate-faq-grid{display:grid;grid-template-columns:1fr 235px;gap:24px}
.donate-faq details{border:1px solid #30435455;border-radius:15px;background:#05131ddb;margin-bottom:9px}
.donate-faq details[open]{border-color:#a1802488;background:linear-gradient(115deg,#3e351550,#04111fe6)}
.donate-faq summary{display:flex;align-items:center;gap:18px;padding:19px 20px;cursor:pointer;list-style:none;font-size:16px;font-weight:700;line-height:1.4}
.donate-faq summary::-webkit-details-marker{display:none}.donate-faq summary small{font-size:12px;color:#81919b;font-weight:700}
.donate-faq summary i{margin-left:auto;border:1px solid #3e4c56;border-radius:50%;width:27px;height:27px;flex:none;text-align:center;font-style:normal;font-size:20px;line-height:23px}
.donate-faq details[open] summary{color:#ffd100}.donate-faq details[open] summary i{transform:rotate(180deg)}
.donate-faq details>p{font-size:16px;line-height:1.6;color:#b8c7d1;margin:0;padding:0 60px 21px}
.donate-faq aside{align-self:start;border:1px solid #34424b77;background:#151812dd;border-radius:16px;padding:20px}
.donate-faq aside h3{font:700 16px Circe,sans-serif;margin:0 0 10px}.donate-faq aside p{font-size:14px;line-height:1.6;color:#b0babd}
.donate-faq aside a{display:table;border:1px solid #b38c1266;border-radius:18px;color:#ffcd17;font-size:13px;padding:7px 12px;margin-top:8px}
.donate-account-services{border:1px solid #324a5a;border-radius:16px;background:#082031b8;margin-top:45px}
.donate-account-services>summary{padding:18px 22px;display:flex;justify-content:space-between;gap:15px;cursor:pointer;font-size:17px;font-weight:700;list-style:none}
.donate-account-services>div{padding:22px}.donate-account-services .wallet-balance{max-width:540px;margin-bottom:25px}
.donate-main [hidden]{display:none!important}
.donate-main button:focus-visible,.donate-main a:focus-visible,.donate-main summary:focus-visible{outline:2px solid #ffd13c;outline-offset:4px}
@keyframes donate-art-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.donate-main{padding:20px 24px 60px}.donate-hero{padding:26px}.donate-intro{width:57%;min-height:320px}.donate-hero-art{width:43%;right:0;height:300px;top:55px}.donate-lead{font-size:17px}.donate-pack-heading>div{font-size:12px;gap:10px}.donate-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.provider-mp{font-size:20px}.donate-provider{padding:22px 18px}.donate-order-row{gap:12px}.donate-order-bonus{padding-left:14px}.donate-order strong{font-size:19px}}
@media(max-width:760px){
 .donate-main{padding:16px 14px 50px}.donate-hero{padding:22px 18px;border-radius:20px}.donate-intro{width:100%;min-height:0}.portal-v3 .donate-intro h1{font-size:39px;max-width:90%}.donate-badges>span{font-size:11px;letter-spacing:.4px;padding:5px 9px}
 .donate-hero-art{position:relative;top:auto;right:auto;display:block;width:100%;height:220px;margin:0 auto -5px}.donate-lead{font-size:16px;max-width:100%;margin-bottom:13px;line-height:1.5}.donate-realm-note{font-size:13px;padding:10px 12px;border-radius:12px}
 .donate-pack-heading{align-items:flex-start;gap:8px}.donate-pack-heading>div{flex-direction:column;gap:5px;font-size:12px}.donate-pack-heading>p{font-size:12px;line-height:1.5}
 .donate-scenario{flex-direction:column;align-items:flex-start;gap:8px;font-size:12px}.donate-scenario [role=group]{width:100%}.donate-scenario button{flex:1;font-size:12px;min-height:35px}
 .donate-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px;margin-top:24px}.donate-pack{border-radius:13px;padding:8px 4px 12px;min-height:130px}.donate-pack.selected{padding:7px 3px 11px}.donate-pack-total{font-size:19px;gap:4px}.donate-pack-price{font-size:15px}.donate-wc-chip{font-size:11px;padding:2px 5px}.donate-pack .donate-package-art{width:60px;height:60px}.donate-pack-radio{width:17px;height:17px;right:7px;top:7px;font-size:12px}.donate-pack-badge{font-size:10px;padding:4px 7px;top:-11px}
 .donate-order{padding:12px}.donate-order-row{display:grid;grid-template-columns:45px 1fr auto;gap:12px}.donate-order-row>.donate-package-art{width:45px;height:45px}.donate-order-bonus{grid-column:2/4;padding:10px 0 0;border-left:0;border-top:1px solid #ad963c33}.donate-order-row>[data-summary-price]{grid-column:3;grid-row:1}.donate-order-row>.donate-continue{grid-column:1/-1;font-size:14px;min-height:43px;padding:12px 14px}.donate-order small{font-size:11px}.donate-order-note{font-size:13px;padding:9px 10px;line-height:1.5}
 .donate-payment{padding-top:45px}.portal-v3 .donate-payment h2,.portal-v3 .donate-faq h2{font-size:30px;line-height:1.1}.donate-payment-intro{font-size:16px;line-height:1.5;margin-bottom:20px}.donate-payment-hint{flex-wrap:wrap;font-size:13px;gap:8px;padding:12px;margin-bottom:18px}.donate-payment-hint>span:nth-child(2){flex:1}.donate-payment-hint>a{margin-left:26px}
 .donate-provider-grid{grid-template-columns:1fr}.donate-provider{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:132px;padding:20px}.donate-provider-methods{grid-column:1/-1;grid-row:2;padding-top:12px}.donate-provider>small{grid-column:2;grid-row:1;align-self:center;text-align:right;padding-right:10px;font-size:12px}.donate-provider-name{font-size:26px}.provider-mp{font-size:21px}.provider-paypal{justify-self:start}.donate-checkout{align-items:stretch;flex-direction:column;padding:17px}.donate-service-note{font-size:13px}
 .donate-faq{padding-top:55px}.donate-faq-grid{grid-template-columns:1fr;gap:15px}.donate-faq>header p{font-size:15px}.donate-faq>header{margin-bottom:24px}.donate-faq summary{font-size:15px;gap:12px;padding:17px 15px}.donate-faq details>p{font-size:15px;padding:0 20px 18px 43px}.donate-faq aside{padding:18px}.donate-account-services>div{padding:14px}.donate-account-services>summary{padding:17px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.donate-hero-art{animation:none}.donate-pack,.donate-provider{transition:none}.donate-pack:hover,.donate-provider:not(:disabled):hover{transform:none}}

.donate-order-row>[data-summary-price]{margin-left:auto}.donate-main{width:calc(100% - 80px)}.donate-intro{min-height:300px}@media(max-width:760px){.donate-main{width:100%}.donate-order-row>[data-summary-price]{margin-left:0}}

/* PayPal coming soon: unavailable even after package selection. */
.donate-provider[data-payment-provider="paypal"]{opacity:.65;filter:saturate(.65);cursor:default}.donate-provider[data-payment-provider="paypal"]>small{color:#d4c8ff;font-weight:700}
