@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-main:#000;--bg-card:#1c1c1ebf;--bg-glass:#2c2c2ea6;--border-glass:#ffffff1a;--border-glow:#ffffff40;--primary:#fff;--primary-gradient:linear-gradient(135deg, #fff 0%, #a1a1a6 100%);--primary-glow:#ffffff1f;--accent:#d4af37;--accent-gradient:linear-gradient(135deg, #ffe259 0%, #ffa751 100%);--text-main:#fff;--text-muted:#86868b;--text-inverse:#000;--card-shadow:0 10px 30px #0009;--card-shadow-hover:0 20px 40px #ffffff0d;--font-outfit:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--safe-area-bottom:env(safe-area-inset-bottom,0px)}[data-theme=light]{--bg-main:#f5f5f7;--bg-card:#ffffffd9;--bg-glass:#fffffff2;--border-glass:#0000000f;--border-glow:#00000026;--primary:#1d1d1f;--primary-gradient:linear-gradient(135deg, #1d1d1f 0%, #434345 100%);--primary-glow:#0000000d;--accent:#b8860b;--accent-gradient:linear-gradient(135deg, #d4af37 0%, #b8860b 100%);--text-main:#1d1d1f;--text-muted:#86868b;--text-inverse:#fff;--card-shadow:0 10px 30px #0000000a;--card-shadow-hover:0 20px 40px #0000001a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-main);width:100%;height:100%;color:var(--text-main);font-family:var(--font-outfit);scroll-behavior:smooth;transition:background-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1);overflow-x:hidden}input,select,textarea,button{color:inherit;font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.8}select option{background-color:var(--bg-main);color:var(--text-main)}body:before,body:after{content:"";filter:blur(100px);pointer-events:none;z-index:-1;border-radius:50%;transition:all .8s;position:fixed}body:before{background:radial-gradient(circle,#ffffff0f 0%,#0000 70%);width:70vw;max-width:600px;height:70vw;max-height:600px;top:-15%;left:-10%}body:after{background:radial-gradient(circle,#d4af3714 0%,#0000 70%);width:60vw;max-width:500px;height:60vw;max-height:500px;bottom:5%;right:-10%}[data-theme=light] body:before{background:radial-gradient(circle,#fffc 0%,#0000 70%)}[data-theme=light] body:after{background:radial-gradient(circle,#d4af3726 0%,#0000 70%)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(40px)saturate(180%);border:.5px solid var(--border-glass);box-shadow:inset 0 1px 1px #ffffff26, var(--card-shadow)}[data-theme=light] .glass{box-shadow:inset 0 1px 1px #ffffffe6, var(--card-shadow)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(40px)saturate(180%);border:.5px solid var(--border-glass);box-shadow:inset 0 1px 1px #ffffff1f, var(--card-shadow);border-radius:28px;transition:all .4s cubic-bezier(.16,1,.3,1)}[data-theme=light] .glass-card{box-shadow:inset 0 1px 1px #ffffffe6, var(--card-shadow)}.glass-card:hover{border-color:var(--border-glow);box-shadow:inset 0 1px 2px #ffffff40, var(--card-shadow-hover);transform:translateY(-2px)scale(1.005)}h1,h2,h3,h4,h5{letter-spacing:-.03em;font-weight:700}.text-gradient{background:var(--primary-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-weight:800;display:inline-block}.text-accent-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;display:inline-block}.container{max-width:500px;min-height:100vh;margin:0 auto;padding:32px 20px 130px;position:relative}.category-btn{background:var(--bg-glass);color:var(--text-muted);cursor:pointer;white-space:nowrap;border:.5px solid var(--border-glass);border-radius:20px;outline:none;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.category-btn:hover{color:var(--text-main);background:var(--primary-glow)}.category-btn.active{background:var(--primary);border:none;font-weight:700;box-shadow:0 4px 12px #00000026;color:var(--text-inverse)!important}.bottom-nav{background:var(--bg-glass);-webkit-backdrop-filter:blur(50px)saturate(200%);border:.5px solid var(--border-glass);z-index:1000;border-radius:36px;justify-content:space-around;align-items:center;width:calc(100% - 40px);max-width:460px;height:72px;padding:0 8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #fff3,0 20px 40px #0006}[data-theme=light] .bottom-nav{box-shadow:inset 0 1px 1px #ffffffe6,0 16px 32px #00000014}.nav-item{color:var(--text-muted);cursor:pointer;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-item:hover{color:var(--text-main)}.nav-item.active{color:var(--text-main);font-weight:700;transform:scale(1.05)}.nav-item.active:after{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 6px var(--accent);border-radius:50%;position:absolute;bottom:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-pulse-slow{animation:3s cubic-bezier(.4,0,.6,1) infinite pulseSlow}@keyframes pulseSlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}a{color:inherit;outline:none;text-decoration:none!important}