:root{--bg-primary: #ffffff;--bg-secondary: transparent;--text-primary: #1e2022;--text-secondary: #77797a;--accent: #22c55e;--accent-light: #dcfce7;--accent-yellow: #facc15}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);font-family:Poppins,sans-serif}.font-urdu{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;line-height:1.8}.accent-bg{background-color:var(--accent)}.accent-text{color:var(--accent)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.onboarding-card{box-shadow:0 10px 30px #00000014;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.custom-shadow{box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.card-3d{transform:perspective(1000px) rotateY(0) rotateX(0);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.card-3d:hover{transform:perspective(1000px) rotateY(2deg) rotateX(2deg) scale(1.03);box-shadow:0 20px 40px -10px #00000026}.bg-app-gradient{background:linear-gradient(-45deg,#a1c4fd,#c2e9fb,#a1c4fd,#c2e9fb);background-size:400% 400%;animation:gradient-flow 15s ease infinite}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-in-up{animation:slideInUp .6s ease-out backwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s ease-in-out backwards}.scroll-snap-container{scroll-snap-type:x mandatory}.scroll-snap-item{scroll-snap-align:start}.splash-title{background:linear-gradient(90deg,#22c55e,#f5ef05,#e87a5d,#22c55e);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:float-color 5s linear infinite}@keyframes float-color{0%{background-position:0% 50%}to{background-position:300% 50%}}.new-badge{position:absolute;top:8px;right:8px;color:#fff;padding:2px 6px;border-radius:6px;font-size:9px;font-weight:900;animation:blink-multicolor 2s infinite;text-transform:uppercase;box-shadow:0 2px 5px #0003}@keyframes blink-multicolor{0%,to{background-color:#ef4444;opacity:1}25%{background-color:#3b82f6;opacity:.7}50%{background-color:#22c55e;opacity:1}75%{background-color:#f97316;opacity:.7}}.shapes-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.shape{position:absolute;display:block;color:#ffffff4d;animation:float-drift linear infinite;bottom:-150px}.shape-line{background-color:#ffffff4d}@keyframes float-drift{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}