.profile-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark .profile-card{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}.donation-form{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark .donation-form{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}.social-icon{transition:all .3s ease;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background-color:#f3f4f6;margin:0 8px;position:relative}.dark .social-icon{background-color:#374151}.social-icon:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark .social-icon:hover{box-shadow:0 4px 12px #0000004d}.social-icon.facebook{color:#1877f2}.social-icon.instagram{color:#e4405f}.social-icon.twitter{color:#1da1f2}.social-icon.twitch{color:#9146ff}.social-icon.youtube{color:red}.social-icon.tiktok{color:#000}.dark .social-icon.tiktok{color:#fff}.social-icon.facebook:hover{background-color:#e7f3ff}.social-icon.instagram:hover{background-color:#fde8ec}.social-icon.twitter:hover{background-color:#e8f5fd}.social-icon.twitch:hover{background-color:#f0e8ff}.social-icon.youtube:hover{background-color:#ffe7e7}.social-icon.tiktok:hover{background-color:#f0f0f0}.dark .social-icon.facebook:hover{background-color:#1e3a5f}.dark .social-icon.instagram:hover{background-color:#5e2936}.dark .social-icon.twitter:hover{background-color:#193c5a}.dark .social-icon.twitch:hover{background-color:#2e1a4f}.dark .social-icon.youtube:hover{background-color:#5a1a1a}.dark .social-icon.tiktok:hover{background-color:#2a2a2a}.social-message{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.75rem;color:#4b5563;opacity:0;transition:all .3s ease}.dark .social-message{color:#9ca3af}.social-icon:hover .social-message{opacity:1;bottom:-28px}.btn-amount{transition:all .3s ease;border:2px solid #e2e8f0;background-color:#fff;color:#4b5563;font-weight:600}.dark .btn-amount{border-color:#374151;background-color:#1f2937;color:#d1d5db}.btn-amount:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px #3b82f61a}.dark .btn-amount:hover{border-color:#60a5fa;color:#60a5fa;box-shadow:0 4px 6px -1px #60a5fa33}.btn-amount.active{border-color:#3b82f6;background-color:#3b82f6;color:#fff}.dark .btn-amount.active{border-color:#60a5fa;background-color:#2563eb;color:#fff}.payment-method{border:2px solid #e2e8f0;transition:all .3s ease;border-radius:.75rem}.dark .payment-method{border-color:#374151}.payment-method:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px #3b82f61a}.dark .payment-method:hover{border-color:#60a5fa;box-shadow:0 4px 6px -1px #60a5fa33}.payment-method.selected{border-color:#3b82f6;background-color:#f0f7ff}.dark .payment-method.selected{border-color:#60a5fa;background-color:#1e3a8a}.form-input{transition:all .2s ease-in-out;border:1px solid #e2e8f0}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dark .form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.btn-media{transition:all .3s ease;border:2px solid #e2e8f0}.dark .btn-media{border-color:#374151}.btn-media:hover:not([disabled]){border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.dark .btn-media:hover:not([disabled]){border-color:#60a5fa;color:#60a5fa}.btn-media.active{border-color:#3b82f6;background-color:#3b82f6;color:#fff}.dark .btn-media.active{border-color:#60a5fa;background-color:#2563eb;color:#fff}.submit-button{background:linear-gradient(135deg,#3b82f6,#2563eb);transition:all .3s ease}.submit-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.dark .submit-button:hover{box-shadow:0 4px 12px #1d4ed866}.qr-container{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.dark .qr-container{background:linear-gradient(135deg,#b45309,#92400e)}.receipt-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark .receipt-card{background:linear-gradient(135deg,#374151,#1f2937);box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-pulse-slow{animation:pulse 3s infinite}.animate-fade-in-up{animation:fadeInUp .5s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.hover-lift{transition:transform .3s ease}.hover-lift:hover{transform:translateY(-4px)}.payment-method-card{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.payment-method-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .payment-method-card:hover{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a}.soundboard-card{transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.soundboard-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #9333ea26}.dark .soundboard-card:hover{box-shadow:0 8px 25px #9333ea40}.media-status{transition:all .3s ease;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-amount-modern{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#e2e8f0);transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .btn-amount-modern{background:linear-gradient(135deg,#374151,#1f2937)}.btn-amount-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-amount-modern:hover:before{left:100%}.submit-button-modern{position:relative;background:linear-gradient(135deg,#f59e0b,#d97706);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #f59e0b63}.submit-button-modern:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 28px #f59e0b80;transform:translateY(-2px) scale(1.02)}.dark .submit-button-modern:hover{box-shadow:0 8px 28px #f59e0bb3}.submit-button-modern:active{transform:translateY(0) scale(.98)}.summary-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark .summary-card{background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}.form-input-modern{transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #e5e7eb;border-radius:.75rem;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dark .form-input-modern{border-color:#4b5563;background:#1f2937cc}.form-input-modern:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;background:#fff}.dark .form-input-modern:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa33;background:#1f2937}.error-message{animation:fadeInUp .3s ease-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #ef4444}.dark .error-message{background:linear-gradient(135deg,#dc26261a,#b91c1c1a);border-left-color:#f87171}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc}.dark .loading-overlay{background:#0009}.btn-vote-modern{transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.btn-vote-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.btn-vote-modern:hover:before{left:100%}.x-cloak,[x-cloak]{display:none!important}.notification-modern{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:scaleIn .3s ease-out}.dark .notification-modern{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a}.state-indicator{position:relative;overflow:hidden}.state-indicator:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .5s}.state-indicator:hover:after{transform:translate(100%)}@media (max-width: 640px){.payment-method-card{padding:.75rem}.submit-button-modern{width:100%;padding:1rem}.summary-card{padding:1rem}}