@tailwind base;@tailwind components;@tailwind utilities;@layer utilities{.ios-glass-navbar{position:fixed;left:0;right:0;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 24px;border-radius:0;background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(14px) saturate(140%) contrast(105%);-webkit-backdrop-filter:blur(14px) saturate(140%) contrast(105%);box-shadow:0 8px 30px #0a0a0a1f;transform-origin:center top;transition:height .3s ease,transform .3s ease,box-shadow .3s ease}.ios-glass-navbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;pointer-events:none;background:linear-gradient(120deg,#ffffff24,#fff0);mix-blend-mode:screen;transform:translateY(-6px) scale(1.02);opacity:.9}@media(max-width:1024px){.ios-glass-navbar{height:64px}}@media(max-width:768px){.ios-glass-navbar{height:56px}}.nav-item-interaction{cursor:pointer;transition:transform .22s cubic-bezier(.2,.9,.3,1),box-shadow .22s,background-color .22s}.nav-item-interaction:hover{transform:translateY(-4px) scale(1.01);background-color:#ffffff1a}.nav-item-interaction:active{transform:scale(.995)}}@layer components{.ios-glass-card{@apply relative bg-white/60 dark:bg-slate-900/60 backdrop-blur-xl border border-white/40 dark:border-slate-700/40 shadow-glass rounded-[2rem] overflow-hidden transition-all duration-300;background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 24px -1px #00000014}.ios-glass-card:hover{@apply transform -translate-y-1 shadow-glass-hover;box-shadow:0 12px 32px #0a0a0a26}.ios-glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,#ffffff1a,#fff0);mix-blend-mode:overlay;opacity:.6}}@keyframes fadeSlide{0%{opacity:0;transform:scale(1)}10%{opacity:1}33%{opacity:1;transform:scale(1.05)}50%{opacity:0}to{opacity:0;transform:scale(1.1)}}