*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#070511;--bg2:#0f0920;--panel:rgba(20,12,39,.86);--line:rgba(199,160,255,.18);--purple:#a855f7;--violet:#7c3aed;--light:#efe5ff;--muted:#b8afca;--gold:#f6d48d;--green:#43e39b;--shadow:0 24px 80px rgba(0,0,0,.45)}html{scroll-behavior:smooth}body{background:var(--bg);color:#fff;font-family:Rajdhani,sans-serif;font-size:18px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 36px));margin:auto}.ambient-stars{position:fixed;inset:0;pointer-events:none;z-index:-2;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#a855f7 1px,transparent 1px);background-size:119px 119px,173px 173px;background-position:0 0,41px 67px;opacity:.2}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(to bottom,rgba(5,3,13,.94),rgba(5,3,13,.58),transparent);transition:.25s}.topbar.scrolled{background:rgba(7,5,17,.93);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-family:Cinzel,serif}.logo-rune{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(216,180,254,.5);transform:rotate(45deg);color:#d8b4fe;box-shadow:0 0 22px rgba(168,85,247,.5)}.logo-rune::first-letter{transform:rotate(-45deg)}.logo b,.logo small{display:block}.logo b{font-size:15px;letter-spacing:1px}.logo small{font-size:9px;letter-spacing:5px;color:#c4b5fd}.nav-menu{display:flex;align-items:center;gap:25px;font-size:15px;font-weight:600}.nav-menu>a,.nav-link-button{color:#ddd5e8;transition:.2s}.nav-menu>a:hover,.nav-link-button:hover{color:#fff}.nav-menu form{display:flex}.nav-link-button{border:0;background:none;cursor:pointer}.nav-cta{padding:9px 15px;border:1px solid rgba(216,180,254,.4);background:rgba(124,58,237,.22);border-radius:5px}.nav-toggle{display:none;background:none;border:0}.hero-home{height:min(900px,100vh);min-height:700px;position:relative;display:flex;align-items:center}.hero-image{position:absolute;inset:0;background:url('/assets/hero-shadowforce.png') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,3,13,.9) 0%,rgba(5,3,13,.48) 40%,rgba(5,3,13,.08) 68%),linear-gradient(0deg,rgba(7,5,17,.95),transparent 45%)}.hero-inner{position:relative;z-index:2;padding-top:80px}.hero-copy{max-width:610px}.kicker{display:block;color:#d8b4fe;font-family:Cinzel,serif;font-size:12px;font-weight:700;letter-spacing:3px;margin-bottom:15px}.hero-copy h1,.simple-hero h1,.page-hero-copy h1,.dashboard-welcome h1,.auth-card h1,.error-page h1{font-family:Cinzel,serif;font-size:clamp(42px,6vw,78px);line-height:1.03;text-shadow:0 8px 30px #000}.hero-copy h1 em{font-style:normal;color:#d8b4fe}.hero-copy p{max-width:570px;margin-top:24px;color:#d9d1e5;font-size:20px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{min-height:50px;padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:5px;font-family:Cinzel,serif;font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.btn.primary{background:linear-gradient(135deg,#6d28d9,#a855f7);border-color:#c084fc;box-shadow:0 12px 35px rgba(126,34,206,.35)}.btn.glass{background:rgba(12,8,24,.55);border-color:rgba(216,180,254,.35);backdrop-filter:blur(12px)}.btn.full{width:100%}.server-strip{position:absolute;bottom:0;left:0;right:0;z-index:3;border-top:1px solid var(--line);background:rgba(7,5,17,.72);backdrop-filter:blur(16px)}.server-grid{display:grid;grid-template-columns:repeat(4,1fr)}.server-grid>div{padding:17px 25px;border-right:1px solid var(--line)}.server-grid span,.server-grid b{display:block}.server-grid span{color:#9990aa;font-size:13px}.server-grid b{font-family:Cinzel,serif;font-size:14px}.online-dot{width:8px;height:8px;display:inline-block!important;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);float:left;margin:7px 10px 0 0}.section{padding:100px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 48px}.section h2,.community-content h2,.cta h2{font-family:Cinzel,serif;font-size:clamp(30px,4vw,50px);line-height:1.15}.section-heading p,.lead{color:var(--muted);margin-top:15px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid article,.news-grid article,.download-card,.panel-box,.profile-card,.metric-grid article,.quick-grid a,.requirements{background:linear-gradient(145deg,rgba(124,58,237,.09),transparent 45%),var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.feature-grid article{padding:29px 25px;min-height:240px}.feature-grid article>span{font-size:30px;color:#d8b4fe}.feature-grid h3{font-family:Cinzel,serif;font-size:18px;margin:18px 0 9px}.feature-grid p{color:var(--muted);font-size:16px}.community-showcase{position:relative;min-height:690px;display:flex;align-items:center}.community-cover{position:absolute;inset:0;background:url('/assets/community-bg.png') center/cover no-repeat}.community-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,5,17,.93),rgba(7,5,17,.47) 55%,rgba(7,5,17,.15)),linear-gradient(0deg,var(--bg),transparent 25%,transparent 75%,var(--bg))}.community-content{position:relative;z-index:2;max-width:610px}.community-content p{color:#ddd3ea;margin:20px 0;max-width:570px}.stats{display:flex;gap:45px;margin:30px 0}.stats b,.stats span{display:block}.stats b{font-family:Cinzel,serif;font-size:28px;color:#e9d5ff}.stats span{font-size:13px;color:#a79db5}.split{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.text-link,.news-grid a,.news-list a{color:#d8b4fe;font-weight:700}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.news-grid article{padding:28px}.news-date{color:#bda4da;font-size:12px;font-weight:700;letter-spacing:1.5px}.news-grid h3{font-family:Cinzel,serif;font-size:19px;margin:14px 0}.news-grid p{color:var(--muted);font-size:16px;margin-bottom:18px}.cta{text-align:center;padding:100px 0;background:radial-gradient(circle at 50% 100%,rgba(126,34,206,.35),transparent 45%)}.cta p{color:var(--muted);margin-top:15px}.cta .hero-buttons{justify-content:center}.footer{border-top:1px solid var(--line);background:#05030c;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid p{color:#8e859d;margin-top:20px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px;color:#aaa0b8}.footer-grid>div>b{font-family:Cinzel,serif;color:#fff;margin-bottom:7px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:45px;color:#756c83;font-size:13px}.flash{position:fixed;top:95px;left:50%;transform:translateX(-50%);z-index:60;padding:12px 20px;border:1px solid var(--line);background:rgba(12,8,24,.95);border-radius:5px}.flash.success{border-color:rgba(67,227,155,.45)}.page-hero,.dashboard-hero{height:560px;position:relative;display:flex;align-items:end}.page-hero-bg{position:absolute;inset:0;background:url('/assets/downloads-bg.png') center/cover no-repeat}.page-hero-shade,.dashboard-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 65%),linear-gradient(90deg,rgba(7,5,17,.8),transparent)}.page-hero-copy,.dashboard-welcome{position:relative;z-index:2;padding-bottom:65px}.page-hero-copy p,.dashboard-welcome p{color:#d8cfdf}.simple-hero{padding:180px 0 80px;background:radial-gradient(circle at 50% 0,rgba(126,34,206,.28),transparent 50%);border-bottom:1px solid var(--line)}.simple-hero p{color:var(--muted)}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.download-card{padding:32px;position:relative}.download-card.featured{border-color:rgba(216,180,254,.42)}.tag,.pill{position:absolute;top:18px;right:18px;padding:5px 9px;border:1px solid rgba(216,180,254,.35);font-size:10px;letter-spacing:1px;color:#e9d5ff}.download-card h2{font-size:22px;margin:18px 0 10px}.download-card p{color:var(--muted)}.file-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin:25px 0;color:#9d93aa;font-size:14px}.requirements{margin-top:30px;padding:32px}.req-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.req-grid div{padding:15px;background:rgba(255,255,255,.02);border:1px solid var(--line)}.req-grid span,.req-grid b{display:block}.req-grid span{font-size:13px;color:#91869e}.req-grid b{font-size:16px}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{padding:11px 20px;background:rgba(255,255,255,.03);border:1px solid var(--line);color:#bcb2c8;cursor:pointer}.tab.active{background:rgba(124,58,237,.25);color:#fff;border-color:#a855f7}.ranking-panel{display:none;overflow:auto;border:1px solid var(--line);background:var(--panel)}.ranking-panel.active{display:block}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:17px 20px;border-bottom:1px solid var(--line)}th{color:#a99cb7;font-size:12px;letter-spacing:1px}td{color:#d5cddd}.rank{width:30px;height:30px;display:grid;place-items:center;background:rgba(124,58,237,.22);border:1px solid var(--line);border-radius:50%}.demo-note{color:#8f849c;margin-top:18px;font-size:14px}.news-list{display:grid;gap:25px}.news-list article{display:grid;grid-template-columns:370px 1fr;gap:35px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line)}.news-thumb{height:220px;background-size:cover;background-position:center;border:1px solid var(--line)}.community-thumb{background-image:url('/assets/community-bg.png')}.hero-thumb{background-image:url('/assets/hero-shadowforce.png')}.news-list h2{font-size:28px;margin:10px 0}.news-list p{color:var(--muted);margin-bottom:15px}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr}.auth-art{position:relative;background:url('/assets/panel-heroes.png') center/cover no-repeat}.auth-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(7,5,17,.75)),linear-gradient(0deg,rgba(7,5,17,.65),transparent)}.auth-card{padding:130px 65px 60px;display:flex;flex-direction:column;justify-content:center;background:rgba(7,5,17,.95)}.auth-card h1{font-size:46px}.auth-card>p{color:var(--muted)}.auth-form{display:grid;gap:18px;margin-top:28px}.auth-form label{display:grid;gap:7px;font-weight:600}.auth-form input{min-height:49px;padding:10px 13px;color:white;border:1px solid var(--line);background:rgba(255,255,255,.035);outline:none}.auth-form input:focus{border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.12)}.form-errors{margin-top:18px;padding:12px;border:1px solid rgba(251,113,133,.4);background:rgba(159,18,57,.12);color:#fecdd3}.auth-switch{text-align:center!important;margin-top:22px}.auth-switch a{color:#d8b4fe}.dashboard-hero{height:470px}.dashboard-bg{position:absolute;inset:0;background:url('/assets/panel-heroes.png') center 42%/cover no-repeat}.dashboard-welcome h1{font-size:55px}.dashboard-grid{display:grid;grid-template-columns:310px 1fr;gap:22px;align-items:start}.profile-card{padding:30px;text-align:center;position:sticky;top:110px}.avatar{width:88px;height:88px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;border:1px solid #c084fc;background:rgba(124,58,237,.22);font-family:Cinzel,serif;font-size:34px}.status-badge{font-size:10px;letter-spacing:1px;color:var(--green)}.profile-card h2{font-size:22px;margin-top:8px}.profile-card>p{color:var(--muted);font-size:15px}.profile-data{margin-top:25px;border-top:1px solid var(--line)}.profile-data div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.profile-data span{color:#91869e}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-grid article{padding:22px}.metric-grid span,.metric-grid b,.metric-grid small{display:block}.metric-grid span{color:#9f95ac;font-size:14px}.metric-grid b{font-family:Cinzel,serif;font-size:25px;margin:4px 0}.metric-grid small{color:#746a80}.green{color:var(--green)}.panel-box{padding:28px;margin-top:18px}.box-heading{display:flex;justify-content:space-between;position:relative}.box-heading .pill{position:static;height:max-content}.empty-state{text-align:center;padding:60px 20px}.empty-state>span{font-size:45px;color:#d8b4fe}.empty-state h3{font-family:Cinzel,serif;margin:14px 0}.empty-state p{color:var(--muted);max-width:560px;margin:auto}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.quick-grid a{padding:22px}.quick-grid a>span,.quick-grid b,.quick-grid small{display:block}.quick-grid a>span{color:#d8b4fe;font-size:26px}.quick-grid small{color:#81768e}.error-page{min-height:80vh;padding-top:210px;text-align:center}.error-page p{color:var(--muted);margin:20px 0 30px}
@media(max-width:900px){.feature-grid{grid-template-columns:1fr 1fr}.download-grid{grid-template-columns:1fr}.req-grid{grid-template-columns:1fr 1fr}.auth-wrap{grid-template-columns:1fr}.auth-art{display:none}.dashboard-grid{grid-template-columns:1fr}.profile-card{position:static}.news-list article{grid-template-columns:1fr}.nav-toggle{display:block;width:35px}.nav-toggle span{display:block;height:2px;background:#fff;margin:6px}.nav-menu{position:absolute;top:75px;left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;padding:20px;background:rgba(7,5,17,.98);border:1px solid var(--line)}.nav-menu.open{display:flex}.server-grid{grid-template-columns:1fr 1fr}.hero-home{min-height:760px}.hero-shade{background:linear-gradient(90deg,rgba(5,3,13,.86),rgba(5,3,13,.34)),linear-gradient(0deg,rgba(7,5,17,.98),transparent 60%)}}@media(max-width:600px){.section{padding:75px 0}.feature-grid,.news-grid,.metric-grid,.quick-grid,.req-grid{grid-template-columns:1fr}.hero-copy h1{font-size:43px}.server-grid>div{padding:12px}.stats{gap:22px}.community-showcase{min-height:720px}.community-overlay{background:rgba(7,5,17,.67)}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.auth-card{padding:130px 22px 60px}.dashboard-welcome h1{font-size:40px}.page-hero{height:480px}.news-thumb{height:190px}}

/* =========================================================
   SHADOWFORCEMMO — AJUSTE VISUAL FINAL
   Texto legible a la izquierda + ilustraciones completas a la derecha
   ========================================================= */

/* Portada: escenario dividido sin recortar la ilustración */
.hero-home{
  min-height:780px;
  height:min(900px,100vh);
  overflow:hidden;
  background:#05030d;
}
.hero-image{
  inset:0 0 0 30%;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center right;
  opacity:.82;
  filter:brightness(.78) saturate(.9) contrast(1.03);
}
.hero-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#05030d 0%,rgba(5,3,13,.92) 8%,rgba(5,3,13,.46) 28%,rgba(5,3,13,.06) 58%,rgba(5,3,13,.12) 100%),
    linear-gradient(0deg,rgba(5,3,13,.86) 0%,transparent 26%,transparent 78%,rgba(5,3,13,.35) 100%);
}
.hero-shade{
  background:
    radial-gradient(circle at 72% 48%,transparent 0 28%,rgba(5,3,13,.12) 70%),
    linear-gradient(90deg,#05030d 0%,#05030d 26%,rgba(5,3,13,.9) 37%,rgba(5,3,13,.22) 58%,rgba(5,3,13,.08) 100%);
}
.hero-inner{
  display:grid;
  grid-template-columns:minmax(420px,520px) 1fr;
  align-items:center;
  min-height:100%;
  padding-top:84px;
  padding-bottom:104px;
}
.hero-copy{
  max-width:520px;
  padding:34px 34px 35px 0;
  position:relative;
}
.hero-copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-26px;
  right:-25px;
  bottom:-26px;
  left:-100vw;
  background:linear-gradient(90deg,rgba(2,1,8,.98) 0%,rgba(2,1,8,.9) 88%,rgba(2,1,8,.28) 100%);
  border-right:1px solid rgba(216,180,254,.15);
  box-shadow:28px 0 70px rgba(0,0,0,.38);
}
.hero-copy h1{
  font-size:clamp(45px,5vw,72px);
  text-shadow:0 5px 24px rgba(0,0,0,.95);
}
.hero-copy p{
  max-width:500px;
  color:#eee7f4;
  text-shadow:0 2px 12px #000;
}
.hero-buttons .btn.glass{
  background:rgba(3,2,9,.86);
}
.server-strip{
  background:rgba(4,2,11,.94);
}

/* Comunidad: foto completa y bloque de lectura independiente */
.community-showcase{
  min-height:720px;
  overflow:hidden;
  background:#06040e;
}
.community-cover{
  left:31%;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center right;
  opacity:.75;
  filter:brightness(.75) saturate(.88);
}
.community-overlay{
  background:
    linear-gradient(90deg,#070511 0%,#070511 27%,rgba(7,5,17,.88) 40%,rgba(7,5,17,.18) 68%,rgba(7,5,17,.1) 100%),
    linear-gradient(0deg,var(--bg) 0%,transparent 22%,transparent 78%,var(--bg) 100%);
}
.community-content{
  max-width:530px;
  padding:42px 38px 42px 0;
  position:relative;
}
.community-content::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-30px -26px -30px -100vw;
  background:linear-gradient(90deg,rgba(3,2,9,.98),rgba(3,2,9,.9) 88%,rgba(3,2,9,.2));
  border-right:1px solid rgba(216,180,254,.12);
}

/* Cabeceras internas: imagen como ilustración, texto protegido */
.page-hero,
.dashboard-hero{
  overflow:hidden;
  background:#06040e;
}
.page-hero-bg,
.dashboard-bg{
  left:32%;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center right;
  opacity:.72;
  filter:brightness(.72) saturate(.9);
}
.page-hero-shade,
.dashboard-shade{
  background:
    linear-gradient(90deg,#070511 0%,#070511 28%,rgba(7,5,17,.85) 43%,rgba(7,5,17,.12) 72%),
    linear-gradient(0deg,var(--bg),transparent 50%,rgba(7,5,17,.25));
}
.page-hero-copy,
.dashboard-welcome{
  max-width:560px;
  padding:36px 34px 58px 0;
}

/* Acceso/registro: conserva la imagen completa sin que el formulario la cubra */
.auth-wrap{
  grid-template-columns:minmax(520px,1.15fr) minmax(480px,.85fr);
  background:#05030d;
}
.auth-art{
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  background-color:#05030d;
  filter:brightness(.78) saturate(.92);
}
.auth-art:after{
  background:
    linear-gradient(90deg,rgba(5,3,13,.04) 55%,rgba(5,3,13,.92) 100%),
    linear-gradient(0deg,rgba(5,3,13,.5),transparent 32%,transparent 72%,rgba(5,3,13,.28));
}
.auth-card{
  background:#080511;
  box-shadow:-30px 0 80px rgba(0,0,0,.55);
}

/* Tarjetas con contraste más estable */
.feature-grid article,
.news-grid article,
.download-card,
.panel-box,
.profile-card,
.metric-grid article,
.quick-grid a,
.requirements,
.ranking-panel{
  background:linear-gradient(145deg,rgba(124,58,237,.08),transparent 45%),rgba(11,7,22,.96);
}

@media(max-width:1000px){
  .hero-image{inset:0 0 0 18%;background-size:cover;background-position:center}
  .hero-inner{grid-template-columns:minmax(390px,520px) 1fr}
  .hero-copy::before{right:-45px}
  .community-cover,.page-hero-bg,.dashboard-bg{left:18%;background-size:cover;background-position:center}
}

@media(max-width:760px){
  .hero-home{min-height:850px;height:auto;padding-bottom:120px}
  .hero-image{inset:0;background-size:cover;background-position:66% center;opacity:.56}
  .hero-shade{background:linear-gradient(90deg,rgba(5,3,13,.96),rgba(5,3,13,.66)),linear-gradient(0deg,#070511 0%,transparent 40%,rgba(7,5,17,.82) 100%)}
  .hero-inner{display:block;padding-top:135px;padding-bottom:55px}
  .hero-copy{max-width:590px;padding:30px 22px}
  .hero-copy::before{inset:0;background:rgba(3,2,9,.76);border:1px solid rgba(216,180,254,.15);border-radius:12px;backdrop-filter:blur(8px)}
  .community-cover,.page-hero-bg,.dashboard-bg{left:0;background-size:cover;background-position:center;opacity:.5}
  .community-overlay,.page-hero-shade,.dashboard-shade{background:rgba(7,5,17,.7)}
  .community-content::before{inset:-22px;background:rgba(3,2,9,.75);border:1px solid rgba(216,180,254,.12);border-radius:12px}
  .auth-wrap{grid-template-columns:1fr}
  .auth-art{display:none}
}


/* =========================================================
   DONACIONES
   ========================================================= */
.donation-hero{
  min-height:560px;
  position:relative;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:#05030d;
}
.donation-hero-art{
  position:absolute;
  inset:0;
  background:url('/assets/community-bg.png') center 43%/cover no-repeat;
  filter:brightness(.55) saturate(.78);
  transform:scale(1.02);
}
.donation-hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,3,13,.98) 0%,rgba(5,3,13,.82) 38%,rgba(5,3,13,.22) 72%),
    linear-gradient(0deg,var(--bg) 0%,transparent 55%,rgba(5,3,13,.4) 100%);
}
.donation-hero-content{
  position:relative;
  z-index:2;
  max-width:720px;
  padding-bottom:70px;
}
.donation-hero-content h1{
  font-family:Cinzel,serif;
  font-size:clamp(48px,7vw,82px);
  line-height:1;
  text-shadow:0 8px 35px #000;
}
.donation-hero-content p{
  max-width:620px;
  margin:20px 0 28px;
  color:#ddd5e8;
  font-size:20px;
}
.donation-section{
  padding-top:85px;
}
.donation-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.donation-card{
  position:relative;
  padding:34px;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 100% 0,rgba(168,85,247,.18),transparent 36%),
    rgba(11,7,22,.97);
  box-shadow:var(--shadow);
}
.donation-card.featured{
  border-color:rgba(192,132,252,.48);
}
.donation-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  margin-bottom:23px;
  border:1px solid rgba(216,180,254,.35);
  background:rgba(124,58,237,.17);
  color:#e9d5ff;
  font-family:Cinzel,serif;
  font-size:20px;
  font-weight:800;
  box-shadow:0 0 30px rgba(126,34,206,.2);
}
.donation-label{
  color:#bca4d7;
  font-size:11px;
  font-weight:700;
  letter-spacing:2px;
}
.donation-card h2,
.donation-help h2{
  margin:8px 0 13px;
  font-family:Cinzel,serif;
  font-size:28px;
}
.donation-card>p{
  color:var(--muted);
}
.donation-data{
  margin:27px 0 20px;
  padding:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.025);
}
.donation-data>span{
  display:block;
  margin-bottom:8px;
  color:#92879f;
  font-size:13px;
}
.copy-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.copy-row strong{
  overflow-wrap:anywhere;
}
.copy-button{
  flex:0 0 auto;
  padding:7px 11px;
  border:1px solid rgba(216,180,254,.28);
  border-radius:4px;
  background:rgba(124,58,237,.13);
  color:#e9d5ff;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  transition:.2s;
}
.copy-button:hover{
  background:rgba(124,58,237,.28);
  border-color:#a855f7;
}
.copy-button.copied{
  color:#9ff5ca;
  border-color:rgba(67,227,155,.5);
}
.copy-button.large{
  margin-top:16px;
}
.disabled-button{
  opacity:.55;
  cursor:not-allowed;
  filter:none!important;
  transform:none!important;
}
.configuration-note{
  margin-top:12px;
  color:#95899f!important;
  font-size:13px;
}
.configuration-note code{
  color:#d8b4fe;
}
.bank-details{
  display:grid;
  gap:0;
  margin-top:25px;
  border-top:1px solid var(--line);
}
.bank-details>div{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:20px;
  padding:15px 0;
  border-bottom:1px solid var(--line);
}
.bank-details dt{
  color:#92879f;
  font-size:14px;
}
.bank-details dd{
  color:#f3ecfa;
  font-weight:600;
}
.donation-help{
  display:grid;
  grid-template-columns:1.4fr .8fr;
  gap:28px;
  align-items:center;
  margin-top:30px;
  padding:35px;
  border:1px solid var(--line);
  background:
    linear-gradient(120deg,rgba(124,58,237,.12),transparent 55%),
    rgba(10,6,20,.96);
}
.donation-help p{
  max-width:650px;
  color:var(--muted);
}
.contact-box{
  padding:22px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.025);
}
.contact-box span,
.contact-box strong{
  display:block;
}
.contact-box span{
  color:#92879f;
  font-size:13px;
}
.contact-box strong{
  margin-top:5px;
  overflow-wrap:anywhere;
}
.donation-disclaimer{
  margin-top:22px;
  padding:25px 28px;
  border-left:3px solid #a855f7;
  background:rgba(168,85,247,.07);
}
.donation-disclaimer h3{
  margin-bottom:7px;
  font-family:Cinzel,serif;
  font-size:17px;
}
.donation-disclaimer p{
  color:#a99eb5;
  font-size:15px;
}

@media(max-width:900px){
  .donation-grid,
  .donation-help{
    grid-template-columns:1fr;
  }
}
@media(max-width:600px){
  .donation-hero{
    min-height:500px;
  }
  .donation-hero-content{
    padding-bottom:55px;
  }
  .donation-card{
    padding:25px 20px;
  }
  .bank-details>div{
    grid-template-columns:1fr;
    gap:5px;
  }
  .copy-row{
    align-items:flex-start;
  }
}