@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Space+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;900&family=Fira+Code&display=swap";.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e4e4e7;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#c3a788}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.food-exploration-container{--primary: #2196f3;--bg-gradient: radial-gradient(circle at center, #1b2735 0%, #090a0f 100%);--magic-nav-bg: #ffffff;--hologram-glow: rgba(33, 150, 243, .4);width:100vw;height:100vh;background:var(--bg-gradient);overflow:hidden;position:relative;font-family:Outfit,sans-serif;color:#fff;display:flex;flex-direction:column}.theme-pink{--primary: #ff4081;--hologram-glow: rgba(255, 64, 129, .4)}.theme-glass{--primary: #e0e0e0;--hologram-glow: rgba(255, 255, 255, .1)}.exploration-header{padding:30px 60px;display:flex;justify-content:space-between;align-items:center;z-index:100}.stella-brand{font-size:1.5rem;font-weight:800;letter-spacing:2px}.stella-brand .coding{color:#fff6}.stella-brand .stella{color:var(--primary);text-shadow:0 0 20px var(--hologram-glow)}.header-meta{font-size:.7rem;opacity:.5;letter-spacing:3px;text-transform:uppercase}.center-stage{flex:1;display:flex;align-items:center;justify-content:center;perspective:2000px}.dish-scenery{position:relative;width:600px;height:400px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.dish-scenery.zoomed{transform:scale(1.1) translateZ(100px)}.kitchen-counter{position:absolute;bottom:-50px;width:1000px;height:200px;background:radial-gradient(ellipse at top,rgba(255,255,255,.05) 0%,transparent 70%);transform:rotateX(80deg);z-index:1}.dish-container{position:relative;z-index:10;filter:drop-shadow(0 30px 60px rgba(0,0,0,.5))}.lamb-steak-3d{width:450px;height:auto;object-fit:contain;border-radius:50%;animation:floatDish 4s ease-in-out infinite}.dish-shadow{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:300px;height:30px;background:#0006;filter:blur(20px)}.hologram{position:absolute;width:180px;padding:15px;background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:12px;z-index:20;box-shadow:0 0 30px var(--hologram-glow);animation:floatHolo 6s ease-in-out infinite}.holo-label{font-size:.6rem;font-weight:800;text-transform:uppercase;color:var(--primary);margin-bottom:8px;letter-spacing:1px}.code-snippet{margin:0;font-size:.7rem;font-family:Space Mono,monospace;opacity:.8}.html-holo{top:-20px;left:-60px;animation-delay:0s}.css-holo{top:0;right:-80px;animation-delay:2s}.js-holo{bottom:-40px;left:40px;animation-delay:4s}.magic-navigation-wrapper{width:440px;height:70px;background:var(--magic-nav-bg);position:absolute;bottom:40px;left:50%;transform:translate(-50%);border-radius:20px;display:flex;justify-content:center;align-items:center;box-shadow:0 20px 50px #0000004d}.magic-nav-list{display:flex;width:350px}.nav-item{position:relative;list-style:none;width:70px;height:70px;z-index:10}.nav-item a{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;text-align:center;font-weight:600;text-decoration:none}.nav-item .icon{position:relative;display:block;line-height:75px;font-size:1.5rem;text-align:center;transition:.5s;color:#333}.nav-item .text{position:absolute;color:#333;font-weight:800;font-size:.65rem;letter-spacing:.05em;transition:.5s;opacity:0;transform:translateY(20px)}.nav-item.active .icon{transform:translateY(-35px);color:#fff;background:var(--primary);width:55px;height:55px;line-height:55px;border-radius:50%;box-shadow:0 10px 20px var(--hologram-glow)}.nav-item.active .text{opacity:1;transform:translateY(15px)}.indicator{position:absolute;top:-50%;width:70px;height:70px;background:var(--primary);border-radius:50%;border:6px solid #090a0f;transition:.5s;display:none}.theme-sidebar{position:absolute;right:40px;top:50%;transform:translateY(-50%);background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px 15px;border-radius:30px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;gap:20px}.sidebar-label{writing-mode:vertical-lr;transform:rotate(180deg);font-size:.6rem;font-weight:800;letter-spacing:5px;text-transform:uppercase;opacity:.3}.theme-previews{display:flex;flex-direction:column;gap:15px}.theme-preview-item{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .3s}.theme-preview-item.active .preview-bubble{border:2px solid #fff;transform:scale(1.2)}.preview-bubble{width:24px;height:24px;border-radius:50%;box-shadow:0 5px 15px #0000004d}.theme-preview-item span{font-size:.5rem;text-transform:uppercase;font-weight:800;opacity:.4}@keyframes floatDish{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatHolo{0%,to{transform:translateY(0) rotateY(10deg)}50%{transform:translateY(-15px) rotateY(-10deg)}}.scroll-hint{position:absolute;bottom:40px;right:40px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;opacity:.3}.scroll-hint i{font-size:1rem;display:block;margin-bottom:5px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}to{opacity:.3;transform:translateY(0)}}.juice-exploration-app{--accent: #ff9800;--accent-soft: rgba(255,152,0,.15);--bg-dark: #050a18;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);width:100vw;height:100vh;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;color:#fff;overflow:hidden;transition:background .8s ease}.flavor-orange{--accent: #ff9800;--accent-soft: rgba(255,152,0,.15)}.flavor-kiwi{--accent: #8bc34a;--accent-soft: rgba(139,195,74,.15)}.flavor-strawberry{--accent: #e91e63;--accent-soft: rgba(233,30,99,.15)}.browser-frame{width:90%;height:85%;max-width:1400px;background:#0d1425;border-radius:24px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.browser-header{height:50px;background:#090e1b;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.05);z-index:50}.window-controls{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.browser-title{font-size:.75rem;font-weight:600;opacity:.4;letter-spacing:2px}.juice-content{flex:1;position:relative;padding:40px;display:flex;flex-direction:column;overflow:hidden}.dynamic-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--accent-soft) 0%,transparent 70%);filter:blur(80px);z-index:1;transition:background .8s ease}.juice-brand-logo{position:absolute;top:40px;left:40px;font-weight:900;font-size:1.2rem;letter-spacing:4px;z-index:10}.text-accent{color:var(--accent);transition:color .5s}.bottle-arena{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}.bottle-floating-node{position:relative;z-index:20;transition:transform .3s ease-out}.bottle-floating-node.animating{animation:floatJuice 5s ease-in-out infinite}.main-juice-bottle{width:400px;height:500px;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4));transition:all .5s ease}.juice-metadata{position:absolute;left:0;max-width:400px;z-index:30}.flavor-title{font-size:5rem;font-weight:900;line-height:.9;margin-bottom:20px;text-transform:uppercase;text-shadow:0 10px 30px rgba(0,0,0,.5);background:linear-gradient(to bottom,#fff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .5s}.flavor-description{font-size:1rem;opacity:.6;line-height:1.6;margin-bottom:24px}.code-holograms{position:absolute;right:40px;top:15%;display:flex;flex-direction:column;gap:24px;z-index:40}.holo-card{background:#ffffff05;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);padding:20px;border-radius:16px;box-shadow:0 0 30px var(--accent-soft);position:relative;width:250px;transition:.4s}.holo-tag{font-family:Fira Code,monospace;font-size:.6rem;color:var(--accent);text-transform:uppercase;display:block;margin-bottom:12px;letter-spacing:1px}.holo-card pre{margin:0;font-family:Fira Code,monospace;font-size:.75rem;opacity:.7;line-height:1.4}.flavor-selection-panel{position:absolute;right:40px;bottom:140px;display:flex;flex-direction:column;gap:12px;z-index:50}.flavor-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:12px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;color:#fff;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.flavor-btn.active{background:var(--accent);box-shadow:0 10px 20px var(--accent-soft);transform:translate(-10px)}.flavor-btn .dot{width:8px;height:8px;background:var(--flavor-color);border-radius:50%}.flavor-btn.active .dot{background:#fff}.magic-nav-footer{display:flex;justify-content:center;margin-top:auto;z-index:60}.magic-nav-container{width:500px;height:80px;background:#fff;border-radius:20px 20px 0 0;position:relative;display:flex;align-items:center;padding:0 20px;box-shadow:0 -10px 40px #0006}.magic-nav-items{display:flex;justify-content:space-between;width:100%;list-style:none;padding:0}.magic-nav-item{position:relative;width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:.5s;color:#333}.magic-nav-item i{font-size:1.6rem;transition:.5s}.nav-label{position:absolute;font-size:.75rem;font-weight:800;letter-spacing:.05em;opacity:0;transform:translateY(20px);transition:.5s}.magic-nav-item.active i{transform:translateY(-35px);color:#fff}.magic-nav-item.active .nav-label{opacity:1;transform:translateY(15px)}.magic-bubble{position:absolute;top:-50%;width:80px;height:80px;background:var(--accent);border-radius:50%;border:6px solid #0d1425;transition:.5s cubic-bezier(.175,.885,.32,1.275);z-index:5;box-shadow:0 10px 20px var(--accent-soft)}@keyframes floatJuice{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(2deg)}66%{transform:translateY(-5px) rotate(-1deg)}}.animate-slide-in{animation:slideIn .8s cubic-bezier(.19,1,.22,1) forwards}@keyframes slideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .8s cubic-bezier(.19,1,.22,1) forwards}