@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes progress-pulse{0%{width:60%}to{width:88%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.animate-float{animation:4s ease-in-out infinite float}.animate-float-slow{animation:5s ease-in-out infinite float-slow}.animate-float-delay{animation:4.2s ease-in-out 1s infinite float}.animate-fade-in-up{animation:.6s ease-out both fadeInUp}.animate-scale-in{animation:.4s ease-out both scaleIn}.animate-pulse-dot{animation:1.8s ease-in-out infinite pulseDot}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}
.section-tag{background:var(--c-brand-light);color:var(--c-brand-dark);border-radius:var(--radius-pill);margin-bottom:12px;padding:5px 14px;font-size:12px;font-weight:500;display:inline-block}.section-title{font-family:var(--font-display);letter-spacing:-1px;color:var(--c-text);margin-bottom:8px;font-size:clamp(28px,3.5vw,40px);font-weight:800}.section-sub{color:var(--c-muted);max-width:480px;margin-bottom:40px;font-size:16px;line-height:1.65}.btn-primary{background:var(--c-brand);color:#fff;border-radius:var(--radius-pill);font-size:14px;font-weight:500;font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-btn);border:none;padding:11px 26px;transition:background .2s,transform .15s}.btn-primary:hover{background:var(--c-brand-dark);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.add-btn{background:var(--c-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;transition:background .2s,transform .15s;display:flex}.add-btn:hover{background:var(--c-brand-dark);transform:scale(1.1)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);transition:transform .2s,box-shadow .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.badge{background:var(--c-accent-light);color:var(--c-accent-text);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.app-store-btn{background:var(--c-text);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);border:none;align-items:center;gap:10px;padding:12px 20px;transition:transform .2s,opacity .2s;display:flex}.app-store-btn:hover{opacity:.9;transform:translateY(-2px)}.app-store-btn .store-icon{font-size:22px}.app-store-btn .store-label{flex-direction:column;gap:1px;display:flex}.app-store-btn .store-sub{color:#fff9;font-size:11px;line-height:1}.app-store-btn .store-name{font-size:15px;font-weight:500;line-height:1.2}@media (max-width:768px){.section-title{font-size:26px}.section-sub{margin-bottom:28px;font-size:14px}}