.donate-page{min-height:100vh;background:var(--bg-body);padding-top:calc(var(--navbar-height) + var(--space-6));padding-bottom:var(--space-16)}@media(min-width:768px){.donate-page{padding-top:calc(var(--navbar-height) + var(--space-12))}}.donate-page .hero{display:grid;gap:var(--space-8);margin-bottom:var(--space-16);padding:0 var(--container-padding);max-width:var(--container-xl);margin-left:auto;margin-right:auto;animation:fadeInUp var(--duration-slow) var(--ease-smooth)}@media(min-width:1024px){.donate-page .hero{grid-template-columns:1.5fr 1fr;gap:var(--space-12);margin-bottom:var(--space-20)}}.donate-page .hero__left{display:flex;flex-direction:column;gap:var(--space-6)}.donate-page .hero__left h1{font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:var(--font-extrabold);background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:var(--space-2);animation:fadeInUp var(--duration-slow) var(--ease-smooth) .1s both}.donate-page .hero__left .lead{font-size:clamp(var(--text-base),2vw,var(--text-xl));color:var(--dark-600);line-height:var(--leading-relaxed);animation:fadeInUp var(--duration-slow) var(--ease-smooth) .2s both}.donate-page .steps{list-style:none;padding:0;margin:var(--space-6) 0;display:flex;flex-direction:column;gap:var(--space-4);animation:fadeInUp var(--duration-slow) var(--ease-smooth) .3s both}.donate-page .steps li{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--white);border-radius:var(--radius-lg);border:2px solid var(--border-color-light);transition:all var(--duration-medium) var(--ease-smooth);position:relative;overflow:hidden}.donate-page .steps li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient);transform:scaleY(0);transform-origin:top;transition:transform var(--duration-medium) var(--ease-smooth)}.donate-page .steps li:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translate(4px)}.donate-page .steps li:hover:before{transform:scaleY(1)}.donate-page .step__num{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gradient);color:var(--white);font-weight:var(--font-bold);border-radius:var(--radius-full);box-shadow:var(--shadow-primary);transition:transform var(--duration-medium) var(--ease-smooth)}.donate-page .steps li:hover .step__num{transform:scale(1.1) rotate(5deg)}.donate-page .steps li span:last-child{color:var(--dark-700);font-weight:var(--font-medium);flex:1}.donate-page .hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-3);animation:fadeInUp var(--duration-slow) var(--ease-smooth) .4s both}.donate-page .hero__cta .btn{flex:1;min-width:160px;justify-content:center}@media(max-width:640px){.donate-page .hero__cta .btn{flex:1 1 100%}}.donate-page .hero__left .micro{font-size:var(--text-sm);color:var(--dark-500);animation:fadeInUp var(--duration-slow) var(--ease-smooth) .5s both}.donate-page .hero__right{animation:fadeInUp var(--duration-slow) var(--ease-smooth) .3s both}.donate-page .hero__right .card{position:relative;top:0;background:linear-gradient(135deg,var(--white) 0%,var(--light-50) 100%);border:2px solid var(--border-color-light)}.donate-page .card--soft{box-shadow:var(--shadow-lg);transition:all var(--duration-medium) var(--ease-smooth)}.donate-page .card--soft:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.donate-page .card__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--dark-900);margin-bottom:var(--space-3)}.donate-page .card__text{color:var(--dark-600);margin-bottom:var(--space-5);line-height:var(--leading-relaxed)}.donate-page .action-grid{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.donate-page .action-grid .btn{width:100%;justify-content:center}.donate-page .grid{display:grid;gap:var(--space-8);padding:0 var(--container-padding);max-width:var(--container-xl);margin:0 auto}@media(min-width:1024px){.donate-page .grid{grid-template-columns:1.5fr 1fr;gap:var(--space-12);align-items:start}}.donate-page .grid__left{display:flex;flex-direction:column;gap:var(--space-12)}.donate-page .grid__right{position:sticky;top:calc(var(--navbar-height) + var(--space-6));animation:fadeInUp var(--duration-slow) var(--ease-smooth) .4s both}@media(max-width:1023px){.donate-page .grid__right{position:relative;top:0;order:-1}}.donate-page .section{animation:fadeInUp var(--duration-slow) var(--ease-smooth)}.donate-page .section__header{margin-bottom:var(--space-6)}.donate-page .section__header h2{font-size:clamp(var(--text-3xl),4vw,var(--text-4xl));font-weight:var(--font-bold);color:var(--dark-900);margin-bottom:var(--space-3);position:relative;display:inline-block}.donate-page .section__header h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:var(--gradient);border-radius:var(--radius-full);animation:scaleIn var(--duration-medium) var(--ease-smooth)}.donate-page .section__hint{color:var(--dark-600);font-size:var(--text-base);line-height:var(--leading-relaxed)}.donate-page .campaigns{display:grid;gap:var(--space-6)}.donate-page .campaign{background:var(--white);border:2px solid var(--border-color-light);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--duration-medium) var(--ease-smooth);position:relative;overflow:hidden;cursor:pointer}.donate-page .campaign:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-medium) var(--ease-smooth)}.donate-page .campaign:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.donate-page .campaign:hover:before{transform:scaleX(1)}.donate-page .campaign:focus-within{border-color:var(--primary);box-shadow:var(--shadow-lg)}.donate-page .campaign__top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-3)}.donate-page .campaign__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--dark-900);margin:0;flex:1}.donate-page .campaign__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:flex-start}.donate-page .tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--primary-lightest);color:var(--primary);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap;transition:all var(--duration-fast) var(--ease-out)}.donate-page .campaign:hover .tag{background:var(--primary-light);color:var(--white);transform:scale(1.05)}.donate-page .campaign__desc{color:var(--dark-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.donate-page .campaign__meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--dark-500)}.donate-page .campaign__meta .link{color:var(--primary);font-weight:var(--font-medium);transition:color var(--duration-fast) var(--ease-out);position:relative}.donate-page .campaign__meta .link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary);transition:width var(--duration-medium) var(--ease-smooth)}.donate-page .campaign__meta .link:hover:after{width:100%}.donate-page .campaign__meta .dot{color:var(--dark-300)}.donate-page .campaign__actions{display:flex;gap:var(--space-3)}.donate-page .campaign__actions .btn{flex:1;justify-content:center}.donate-page .trust{display:grid;gap:var(--space-6)}@media(min-width:768px){.donate-page .trust{grid-template-columns:repeat(2,1fr)}}.donate-page .trust .card{background:var(--white);border:2px solid var(--border-color-light);transition:all var(--duration-medium) var(--ease-smooth)}.donate-page .trust .card:hover{border-color:var(--secondary-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.donate-page .trust .card h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--dark-900);margin-bottom:var(--space-4)}.donate-page .list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.donate-page .list li{color:var(--dark-600);line-height:var(--leading-relaxed);padding-left:var(--space-6);position:relative;transition:color var(--duration-fast) var(--ease-out)}.donate-page .list li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--gradient);color:var(--white);border-radius:var(--radius-full);font-weight:var(--font-bold);font-size:var(--text-xs);transition:transform var(--duration-fast) var(--ease-out)}.donate-page .list li:hover:before{transform:scale(1.2) rotate(5deg)}.donate-page .list li:hover{color:var(--dark-900)}.donate-page .list li .link{color:var(--primary);font-weight:var(--font-medium)}.donate-page .faq{display:flex;flex-direction:column;gap:var(--space-4)}.donate-page .faq__item{background:var(--white);border:2px solid var(--border-color-light);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--duration-medium) var(--ease-smooth);cursor:default}.donate-page .faq__item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-base)}.donate-page .faq__item[open]{border-color:var(--primary);box-shadow:var(--shadow-md);background:linear-gradient(135deg,var(--white) 0%,var(--primary-lightest) 100%)}.donate-page .faq__item summary{font-weight:var(--font-semibold);color:var(--dark-900);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);user-select:none;transition:color var(--duration-fast) var(--ease-out)}.donate-page .faq__item summary::-webkit-details-marker{display:none}.donate-page .faq__item summary::marker{content:""}.donate-page .faq__item summary:after{content:"+";flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary-lightest);color:var(--primary);border-radius:var(--radius-full);font-weight:var(--font-bold);font-size:var(--text-xl);transition:all var(--duration-medium) var(--ease-smooth)}.donate-page .faq__item:hover summary:after{background:var(--primary-light);color:var(--white)}.donate-page .faq__item[open] summary:after{content:"−";background:var(--primary);color:var(--white);transform:rotate(180deg)}.donate-page .faq__item p{margin-top:var(--space-4);color:var(--dark-600);line-height:var(--leading-relaxed);animation:fadeInUp var(--duration-fast) var(--ease-out)}.donate-page .widget{background:linear-gradient(135deg,var(--white) 0%,var(--light-50) 100%);border:2px solid var(--border-color);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:all var(--duration-medium) var(--ease-smooth)}.donate-page .widget:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.donate-page .widget__header{padding:var(--space-6);background:var(--gradient);color:var(--white);position:relative;overflow:hidden}.donate-page .widget__header:before{content:"";position:absolute;top:-50%;right:-10%;width:200px;height:200px;background:#ffffff1a;border-radius:var(--radius-full);animation:float 6s ease-in-out infinite}.donate-page .widget__header h2{color:var(--white);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0;position:relative;z-index:1}.donate-page .widget__sub{color:#ffffffe6;font-size:var(--text-base);margin:0;position:relative;z-index:1}.donate-page .widget__body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.donate-page .select{display:flex;flex-direction:column;gap:var(--space-2)}.donate-page .select label{font-weight:var(--font-semibold);color:var(--dark-900);font-size:var(--text-sm)}.donate-page .select select{padding:var(--space-3) var(--space-4);background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--dark-900);cursor:pointer;transition:all var(--duration-medium) var(--ease-smooth);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='currentColor' d='M5 8l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:20px;padding-right:calc(var(--space-4) + 28px)}.donate-page .select select:hover{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-lightest)}.donate-page .select select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-lightest)}.donate-page .progress{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--white);border:2px solid var(--border-color-light);border-radius:var(--radius-lg);transition:all var(--duration-medium) var(--ease-smooth)}.donate-page .progress:hover{border-color:var(--primary-light);box-shadow:var(--shadow-base)}.donate-page .progress__top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.donate-page .progress__label{font-weight:var(--font-semibold);color:var(--dark-900);font-size:var(--text-sm)}.donate-page .progress__value{font-weight:var(--font-bold);color:var(--primary);font-size:var(--text-base)}.donate-page .bar{width:100%;height:12px;background:var(--light-200);border-radius:var(--radius-full);overflow:hidden;position:relative}.donate-page .bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s linear infinite}.donate-page .bar__fill{height:100%;background:var(--gradient);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-smooth);box-shadow:0 0 10px #2cade580;position:relative}.donate-page .progress__meta{font-size:var(--text-xs);color:var(--dark-500);margin:0}.donate-page .amount{display:flex;flex-direction:column;gap:var(--space-3)}.donate-page .amount label{font-weight:var(--font-semibold);color:var(--dark-900);font-size:var(--text-sm)}.donate-page .chips{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.donate-page .chip{width:100%;min-width:0;flex:initial;padding:var(--space-3) var(--space-4);background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--dark-900);cursor:pointer;transition:all var(--duration-medium) var(--ease-smooth);position:relative;overflow:hidden;text-align:center}.donate-page .chip:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--gradient);border-radius:var(--radius-full);transform:translate(-50%,-50%);transition:all var(--duration-medium) var(--ease-smooth);opacity:0}.donate-page .chip:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-base)}.donate-page .chip[aria-pressed=true]{background:var(--gradient);border-color:var(--primary);color:var(--white);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.donate-page .chip[aria-pressed=true]:before{width:100%;height:100%;opacity:.3}.donate-page #amountInput{padding:var(--space-3) var(--space-4);background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--dark-900);text-align:center;transition:all var(--duration-medium) var(--ease-smooth)}.donate-page #amountInput:hover{border-color:var(--primary)}.donate-page #amountInput:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-lightest)}.donate-page #amountInput::placeholder{color:var(--dark-400);font-weight:var(--font-regular)}.donate-page .pay{display:flex;flex-direction:column;gap:var(--space-3)}.donate-page .btn--full{width:100%;padding:var(--space-4) var(--space-6);font-size:var(--text-lg);font-weight:var(--font-bold);box-shadow:var(--shadow-primary)}.donate-page .btn--full:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.donate-page #payHint{font-size:var(--text-sm);color:var(--dark-600);text-align:center;margin:0;line-height:var(--leading-relaxed);transition:color var(--duration-fast) var(--ease-out)}.donate-page .inline-actions{display:flex;gap:var(--space-2)}.donate-page .btn--small{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);flex:1;justify-content:center}.donate-page .sep{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:var(--space-2) 0}.donate-page .after h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--dark-900);margin-bottom:var(--space-2)}.donate-page .after .micro{color:var(--dark-600);margin-bottom:var(--space-4)}.donate-page .form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--light-50);border-radius:var(--radius-lg);border:2px solid var(--border-color-light)}.donate-page .form label{font-weight:var(--font-semibold);color:var(--dark-900);font-size:var(--text-sm);margin-bottom:var(--space-1)}.donate-page .form input,.donate-page .form textarea{padding:var(--space-3) var(--space-4);background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-base);font-size:var(--text-base);color:var(--dark-900);transition:all var(--duration-medium) var(--ease-smooth)}.donate-page .form input:focus,.donate-page .form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-lightest)}.donate-page .form textarea{resize:vertical;font-family:var(--font-primary);line-height:var(--leading-relaxed)}.donate-page .form input[type=hidden]{display:none}.donate-page .template{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-medium) var(--ease-smooth)}.donate-page .template:hover{border-color:var(--primary-light);box-shadow:var(--shadow-base)}.donate-page .template__head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--light-100);border-bottom:2px solid var(--border-color)}.donate-page .template__head strong{font-weight:var(--font-semibold);color:var(--dark-900);font-size:var(--text-sm)}.donate-page .template__text{padding:var(--space-4);margin:0;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--dark-700);white-space:pre-wrap;word-wrap:break-word;background:var(--white);max-height:200px;overflow-y:auto}.donate-page .mini-trust h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--dark-900);margin-bottom:var(--space-3)}.donate-page .mini-trust .micro{color:var(--dark-600);margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.donate-page .mini-trust .micro:empty{display:none}.donate-page .mini-trust .link{color:var(--primary);font-weight:var(--font-medium);transition:color var(--duration-fast) var(--ease-out)}.donate-page .mini-trust .link:hover{color:var(--primary-hover);text-decoration:underline}.donate-page .mini-trust .dot{color:var(--dark-300);margin:0 var(--space-1)}.donate-page .micro{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.donate-page .link{color:var(--primary);font-weight:var(--font-medium);text-decoration:none;transition:all var(--duration-fast) var(--ease-out);position:relative}.donate-page .link:hover{color:var(--primary-hover)}.donate-page .link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary);transition:width var(--duration-medium) var(--ease-smooth)}.donate-page .link:hover:after{width:100%}.donate-page .btn--primary{background:var(--btn-primary);color:var(--white);box-shadow:var(--shadow-base)}.donate-page .btn--primary:hover{background:var(--btn-primary-hover);box-shadow:var(--shadow-secondary);transform:translateY(-2px)}.donate-page .btn--secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.donate-page .btn--secondary:hover{background:var(--primary);color:var(--white);box-shadow:var(--shadow-primary)}.donate-page .btn--ghost{background:transparent;color:var(--dark-700);border:2px solid transparent}.donate-page .btn--ghost:hover{background:var(--light-100);color:var(--dark-900);border-color:var(--border-color)}@media(max-width:640px){.donate-page .hero__left h1{font-size:var(--text-3xl)}.donate-page .hero__left .lead{font-size:var(--text-base)}.donate-page .steps li{padding:var(--space-3)}.donate-page .step__num{width:36px;height:36px;font-size:var(--text-sm)}.donate-page .campaign{padding:var(--space-4)}.donate-page .campaign__top{flex-direction:column;gap:var(--space-2)}.donate-page .campaign__tags{width:100%}.donate-page .widget__header{padding:var(--space-4)}.donate-page .widget__header h2{font-size:var(--text-2xl)}.donate-page .widget__body{padding:var(--space-4);gap:var(--space-4)}.donate-page .chips{grid-template-columns:repeat(3,1fr)}.donate-page .chip{min-width:0}.donate-page #amountInput{font-size:var(--text-lg)}}@media(min-width:641px)and (max-width:1023px){.donate-page .chips{grid-template-columns:repeat(5,1fr)}}@media(min-width:1024px){.donate-page .grid__right{max-width:420px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.donate-page *,.donate-page *:before,.donate-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.donate-page button:focus-visible,.donate-page a:focus-visible,.donate-page input:focus-visible,.donate-page select:focus-visible,.donate-page textarea:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.donate-page noscript{display:block;padding:var(--space-4);background:var(--warning-light);border:2px solid var(--warning);border-radius:var(--radius-lg);color:var(--warning);font-weight:var(--font-medium);margin-top:var(--space-4)}@media print{.donate-page{padding-top:0}.donate-page .hero__right,.donate-page .widget,.donate-page .btn,.donate-page .campaign__actions{display:none!important}.donate-page .hero,.donate-page .grid{display:block!important}.donate-page .steps,.donate-page .campaigns,.donate-page .trust,.donate-page .faq{break-inside:avoid}}