/* ============ DONAR ============ */
[hidden]{display:none !important;}
.dn-wrap{max-width:1240px; margin:30px auto 0; padding:0 6vw;}
.dn-main{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:22px; align-items:start;}
.dn-card{background:#fff; border-radius:var(--radius-lg); box-shadow:var(--shadow-s); padding:32px 34px;}
.dn-kicker{font-family:var(--font-mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold);}
.dn-amount{font-family:var(--font-display); font-weight:700; font-size:clamp(42px,6.2vw,66px); line-height:1; letter-spacing:-.03em; margin-top:10px;}
.dn-amount small{font-size:.32em; font-weight:500; color:var(--text-faint); letter-spacing:0; margin-left:10px;}
.dn-bar{height:18px; border-radius:100px; background:var(--bg-soft); overflow:hidden; margin:24px 0 12px;}
.dn-bar i{display:block; height:100%; width:0; border-radius:100px; background:linear-gradient(90deg,var(--gold-bright),var(--gold) 55%,var(--purple)); transition:width 1.1s var(--ease);}
.dn-bar-meta{display:flex; justify-content:space-between; font-size:13px; color:var(--text-dim);}
.dn-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:26px;}
.dn-stat{background:var(--bg-soft); border-radius:var(--radius-md); padding:16px 14px; text-align:center;}
.dn-stat b{display:block; font-family:var(--font-mono); font-size:20px; font-weight:600; color:var(--text);}
.dn-stat span{display:block; margin-top:4px; font-size:12px; color:var(--text-dim);}
.dn-done{display:none; margin-top:18px;}
.dn-done.on{display:block;}
.dn-alert{margin-bottom:18px; font-size:13.5px;}
.dn-alert[hidden]{display:none;}

.dn-form h2{font-family:var(--font-display); font-size:22px; font-weight:700; margin-bottom:6px;}
.dn-form > p{font-size:14px; color:var(--text-dim); margin-bottom:20px;}
.dn-chips{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:14px;}
.dn-chip{font-family:var(--font-display); font-size:15px; font-weight:600; padding:12px 20px; border-radius:100px; border:none; cursor:pointer; background:var(--bg-soft); color:var(--text); transition:background .25s var(--ease), color .25s var(--ease), transform .25s var(--ease);}
.dn-chip:hover{transform:translateY(-1px);}
.dn-chip[aria-pressed="true"]{background:linear-gradient(135deg,var(--gold-bright),var(--gold)); color:#fff;}
.dn-field{display:block; margin-bottom:14px;}
.dn-field span{display:block; font-size:12px; font-weight:600; color:var(--text-dim); margin-bottom:7px;}
.dn-field input[type=text],.dn-field input[type=number]{width:100%; border:none; background:var(--bg-soft); border-radius:16px; padding:14px 16px; font:inherit; font-size:15px; color:var(--text);}
.dn-field input:focus{outline:2px solid var(--purple); outline-offset:2px;}
.dn-check{display:flex; gap:10px; align-items:flex-start; font-size:13.5px; color:var(--text-dim); margin:4px 0 18px; cursor:pointer;}
.dn-check input{margin-top:3px; accent-color:var(--purple); width:17px; height:17px; flex-shrink:0;}
.dn-submit{width:100%; border:none; cursor:pointer; font-family:var(--font-body); font-size:15px; font-weight:600; color:#fff; padding:16px; border-radius:100px; background:linear-gradient(135deg,var(--gold-bright),var(--gold)); box-shadow:0 10px 30px -10px rgba(168,105,15,.6); transition:transform .3s var(--ease), opacity .3s;}
.dn-submit:hover{transform:translateY(-2px);}
.dn-submit:disabled{opacity:.55; cursor:not-allowed; transform:none;}
.dn-paypal-wrap{min-height:50px;}
#dnPaypal{margin-top:4px;}
.dn-status{min-height:20px; margin-top:12px; font-size:13.5px; text-align:center; color:var(--text-dim);}
.dn-status.err{color:#b4234a;}
.dn-fine{margin-top:16px; font-size:12px; color:var(--text-faint); line-height:1.6;}
.dn-fine a{color:var(--purple); text-decoration:underline; text-underline-offset:3px;}

.dn-sec{max-width:1240px; margin:22px auto 0; padding:0 6vw;}
.dn-sec h2{font-family:var(--font-display); font-size:clamp(22px,3vw,28px); font-weight:700; margin-bottom:6px;}
.dn-sec > .dn-card > p.lead, .dn-lead{color:var(--text-dim); font-size:14.5px; margin-bottom:22px;}
.dn-wall{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:12px; list-style:none; padding:0; margin:0;}
.dn-wall li{display:flex; align-items:center; gap:14px; background:var(--bg-soft); border-radius:var(--radius-md); padding:14px 16px;}
.dn-av{width:42px; height:42px; border-radius:50%; flex-shrink:0; display:grid; place-items:center; font-family:var(--font-display); font-weight:700; font-size:16px; color:#fff; background:linear-gradient(135deg,var(--gold-bright),var(--gold));}
.dn-av.anon{background:linear-gradient(135deg,#b9a8e8,var(--purple));}
.dn-who{min-width:0; flex:1;}
.dn-who b{display:block; font-size:14.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dn-who span{font-size:12px; color:var(--text-faint);}
.dn-money{font-family:var(--font-mono); font-weight:600; font-size:15px; color:var(--gold);}
.dn-empty{background:var(--bg-soft); border-radius:var(--radius-md); padding:26px; text-align:center; color:var(--text-dim); font-size:14.5px;}
.dn-phases{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px;}
.dn-phase{background:var(--bg-soft); border-radius:var(--radius-md); padding:24px;}
.dn-phase h3{font-family:var(--font-display); font-size:18px; font-weight:600; margin:10px 0 8px;}
.dn-phase p{font-size:14px; color:var(--text-dim); line-height:1.65;}
.dn-phase .dn-bar{height:10px; margin:16px 0 8px;}
.dn-tag{display:inline-block; font-family:var(--font-mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; padding:3px 10px; border-radius:100px; background:rgba(124,58,237,.09); color:var(--purple);}
.dn-tag.on{background:rgba(194,133,26,.14); color:var(--gold);}
.dn-trans{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:14px;}
.dn-trans div{background:var(--bg-soft); border-radius:var(--radius-md); padding:20px 22px;}
.dn-trans h3{font-family:var(--font-display); font-size:15.5px; font-weight:600; margin-bottom:6px;}
.dn-trans p{font-size:13.5px; color:var(--text-dim); line-height:1.65;}
.dn-trans a{color:var(--purple); text-decoration:underline; text-underline-offset:3px;}
.dn-end{height:80px;}
@media (max-width:1024px){ .dn-main{grid-template-columns:1fr;} }
@media (max-width:680px){
  .dn-card{padding:24px 20px;} .dn-phases{grid-template-columns:1fr;}
  .dn-stats{grid-template-columns:1fr 1fr 1fr; gap:8px;} .dn-stat b{font-size:16px;}
}
@media (prefers-reduced-motion:reduce){ .dn-bar i{transition:none;} }