:root{--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom)}html{scroll-behavior:smooth}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc}.custom-scroll::-webkit-scrollbar{width:6px;height:6px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:20px;transition:background .3s ease}.custom-scroll:hover::-webkit-scrollbar-thumb{background:#00000040}.custom-scroll{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}.no-scroll-bar::-webkit-scrollbar{display:none}.no-scroll-bar{-ms-overflow-style:none;scrollbar-width:none}@keyframes reveal{0%{opacity:0;transform:translateY(16px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes bounce-in{0%{transform:scale(.88);opacity:0;filter:blur(2px)}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1;filter:blur(0)}}@keyframes modal-pop{0%{opacity:0;transform:scale(.92) translateY(24px);filter:blur(6px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 #10b98166}50%{transform:scale(1.03);box-shadow:0 0 15px 4px #10b98140}}@keyframes soft-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-reveal{animation:reveal .5s cubic-bezier(.16,1,.3,1) forwards}.animate-bounce-in{animation:bounce-in .5s cubic-bezier(.16,1,.3,1) forwards}.animate-modal-pop{animation:modal-pop .45s cubic-bezier(.16,1,.3,1) forwards}.animate-pulse-glow{animation:pulse-glow 3s infinite ease-in-out}.animate-soft-float{animation:soft-float 4s infinite ease-in-out}.glass-panel{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6)}.hover-smooth{transition:all .3s cubic-bezier(.16,1,.3,1)}.hover-smooth:hover{transform:translateY(-3px);box-shadow:0 15px 35px -5px #0000001a,0 10px 15px -5px #0000000a}