html.has-js [data-animate]{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}html.has-js [data-animate].is-visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.glass-card{background:#ffffff1a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15)}.phone-frame{width:280px;border-radius:32px;box-shadow:0 0 0 4px #5d4e37,0 0 0 6px #8b6f47,0 20px 60px #0000004d;overflow:hidden}.islamic-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%238B6F47' fill-opacity='0.03'%3E%3Cpath d='M30 0L60 30L30 60L0 30z'/%3E%3Cpath d='M30 10L50 30L30 50L10 30z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.heatmap-cell{width:14px;height:14px;border-radius:3px;transition:transform .15s}.heatmap-cell:hover{transform:scale(1.4)}.heatmap-0{background:#e8ddd0}.heatmap-1{background:#d4c4ad}.heatmap-2{background:#b09a7a}.heatmap-3{background:#8a9b6c}.heatmap-4{background:#7a8b5c}.heatmap-5{background:#677a4d}.navbar{transition:background-color .3s ease,box-shadow .3s ease}.navbar.scrolled{background-color:#faf7f2f2!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 3px #00000014}.mobile-nav{transform:translate(100%);transition:transform .3s ease}.mobile-nav.open{transform:translate(0)}@keyframes waveform{0%,to{height:8px}50%{height:24px}}.waveform-bar{width:3px;border-radius:2px;animation:waveform 1.2s ease-in-out infinite}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.3s}.waveform-bar:nth-child(5){animation-delay:.4s}.waveform-bar:nth-child(6){animation-delay:.5s}.waveform-bar:nth-child(7){animation-delay:.6s}.waveform-bar:nth-child(8){animation-delay:.7s}.tajweed-correct{color:#7a8b5c}.tajweed-warning{color:#d4a853}.tajweed-error{color:#c17b4a}.feature-card{transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #8b6f471f}.mini-feature-card{transition:transform .2s ease,box-shadow .2s ease}.mini-feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b6f471a}