body { font-family: 'Hind Siliguri', sans-serif; }
.gradient-text { background: linear-gradient(to right, #059669, #2563eb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.card-hover { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.card-hover:hover { transform: translateY(-5px); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); }
.animation-delay-2000 { animation-delay: 2s; }
.animation-delay-4000 { animation-delay: 4s; }
.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; }
.accordion-content.open { max-height: 500px; }
.masked-number { display: inline-block; position: relative; background-color: #f3f4f6; padding: 0.5rem 1rem; border-radius: 0.5rem; font-family: monospace; font-weight: bold; color: #d12053; letter-spacing: 0.1em; cursor: pointer; user-select: none; text-align: center; }
.masked-number[data-type="nagad"] { color: #F7941D; }
.masked-number[data-type="rocket"] { color: #8C3494; }
.masked-number::before { content: attr(data-masked-value); }
.masked-number.revealed::before { content: attr(data-reveal-value); }
.copy-feedback { position: absolute; top: calc(100% + 0.25rem); left: 50%; transform: translateX(-50%); background-color: #10b981; color: white; padding: 0.25rem 0.5rem; border-radius: 0.375rem; font-size: 0.75rem; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; z-index: 20; white-space: nowrap; }
.copy-feedback.show { opacity: 1; visibility: visible; }
.star-rating svg { width: 1.25em; height: 1.25em; }
