:root{--primary-bg:linear-gradient(180deg, #f5f7fa 0%, #d4e2f1 100%);--card-bg:rgba(255, 255, 255, 0.85);--text-primary:#0d1a3a;--text-secondary:#3b4a6b;--trakteer-btn:linear-gradient(135deg, #dc2626 0%, #f87171 100%);--saweria-btn:linear-gradient(135deg, #d97706 0%, #facc15 100%);--kofi-btn:linear-gradient(135deg, #2563eb 0%, #60a5fa 100%)}.dt-hero,.dt-thanks{text-align:center;padding:60px 20px}.dt-title{font-size:58px;font-weight:700}.dt-subtitle{font-size:20px;color:#666}@keyframes fadeInText{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.dt-grid{display:grid;gap:36px;margin:40px auto;max-width:1280px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.dt-card{background:var(--card-bg);border-radius:16px;padding:48px 36px;text-align:center;display:flex;flex-direction:column;min-height:340px;transition:transform 0.6s cubic-bezier(.4,0,.2,1);animation:slideInCard 0.9s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.dt-card:nth-child(1){animation-delay:0.3s}.dt-card:nth-child(2){animation-delay:0.5s}.dt-card:nth-child(3){animation-delay:0.7s}@keyframes slideInCard{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}.dt-card:hover{transform:translateY(-15px)}.dt-logo{margin-bottom:20px}.dt-logo svg{width:60px;height:60px;transition:transform 0.4s ease}.dt-card:hover .dt-logo svg{transform:scale(1.15) rotate(5deg)}.dt-method{font-size:32px;font-weight:700}.dt-desc{font-size:16px;color:#666;margin-bottom:26px}.dt-button{display:inline-flex;align-items:center;margin-top:auto;align-self:center;padding:10px 36px;border-radius:999px;font-weight:600;font-size:16px;color:#ffffff!important;background:var(--btn);position:relative;overflow:hidden;transition:all 0.5s cubic-bezier(.4,0,.2,1)}.dt-button::before{content:'';position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .4),transparent);transition:0.7s ease}.dt-button:hover::before{left:150%}.dt-button:hover{transform:scale(1.1)}.dt-button svg{width:40px;height:40px;stroke:#fff;transition:transform 0.5s cubic-bezier(.4,0,.2,1)}.dt-button:hover svg{transform:translateX(10px)}.dt-trakteer{--btn:var(--trakteer-btn)}.dt-saweria{--btn:var(--saweria-btn)}.dt-kofi{--btn:var(--kofi-btn)}.tr,.sw,.kf{display:inline-block;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;color:#fff0;background-repeat:no-repeat;background-size:100% 100%}.tr{background-image:var(--trakteer-btn)}.sw{background-image:var(--saweria-btn)}.kf{background-image:var(--kofi-btn)}.dt-thanks h2{font-size:44px;font-weight:700}.dt-thanks-desc{font-size:18px;color:#666;max-width:750px;margin:0 auto}.heart-animation{margin-top:24px;animation:pulseHeart 2s infinite ease-in-out}.heart-animation svg{width:40px;height:40px}@keyframes pulseHeart{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width:768px){.dt-title{font-size:44px}.dt-grid{margin:0 auto}.dt-method{font-size:28px}.dt-desc{font-size:15px}.dt-thanks h2{font-size:38px}.dt-thanks-desc,.dt-subtitle{font-size:16px}}@media (max-width:480px){.dt-title{font-size:36px}}