:root{--accent-color:#fbbf24;--bg-primary:#0a0a0f;--bg-glass:#0f0f19bf;--text-primary:#fff;--text-secondary:#a1a1aa;--border-color:#ffffff14;--shadow-color:#00000080;--dock-bg:#0f0f19eb;--glow-primary:#fbbf2426;--glow-secondary:#8b5cf61a}[data-theme=light]{--bg-primary:#f9fafb;--bg-glass:#ffffffd9;--text-primary:#18181b;--text-secondary:#52525b;--border-color:#0000000f;--shadow-color:#00000014;--dock-bg:#ffffffeb;--glow-primary:#fbbf241f;--glow-secondary:#8b5cf614}.home-container{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .7s cubic-bezier(.4,0,.2,1),color .7s cubic-bezier(.4,0,.2,1);position:relative}.home-container:before{content:"";background-image:radial-gradient(circle at 20% 30%,var(--glow-primary)0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--glow-secondary)0%,transparent 50%);opacity:.6;pointer-events:none;z-index:0;position:absolute;inset:0}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(32px)saturate(180%);border:1px solid var(--border-color);box-shadow:0 8px 32px -8px var(--shadow-color),0 0 0 1px #ffffff0d inset,0 -1px 0 0 #ffffff1a inset;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.glass-card:hover:before{left:100%}.glass-card:hover{box-shadow:0 16px 48px -12px var(--shadow-color),0 0 0 1px #ffffff14 inset,0 0 24px rgba(var(--accent-color-rgb,251,191,36),.1);border-color:#ffffff1f;transform:translateY(-2px)}.glass-btn{background:var(--bg-glass);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px)saturate(180%);color:var(--text-primary);transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.glass-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#ffffff1a,#0000);transition:opacity .3s;position:absolute;inset:0}.glass-btn:hover{border-color:var(--accent-color);box-shadow:0 12px 32px -8px var(--accent-color),0 0 0 1px var(--accent-color)inset;transform:translateY(-3px)scale(1.02)}.glass-btn:hover:before{opacity:1}.glass-btn:active{transform:translateY(-1px)scale(.98)}@keyframes spin-slow-manual{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:12s linear infinite spin-slow-manual}@keyframes blob-bounce{0%,to{transform:translate(0)scale(1)}25%{transform:translate(40px,-60px)scale(1.15)}50%{transform:translate(-30px,30px)scale(.95)}75%{transform:translate(50px,40px)scale(1.05)}}.animate-blob{background:radial-gradient(circle,var(--accent-color)0%,transparent 70%);opacity:.3;filter:blur(60px);transition:background .7s;animation:20s cubic-bezier(.4,0,.2,1) infinite alternate blob-bounce}.animation-delay-2000{animation-delay:4s}@keyframes reveal-up{0%{opacity:0;filter:blur(4px);transform:translateY(20px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.reveal{animation:.8s cubic-bezier(.16,1,.3,1) both reveal-up}.reveal-1{animation-delay:.1s}.reveal-2{animation-delay:.2s}.reveal-3{animation-delay:.3s}.reveal-4{animation-delay:.4s}.dock-container{will-change:width,transform;isolation:isolate;position:relative}.dock-container:before{content:"";background:linear-gradient(90deg,var(--accent-color),#ec4899,#8b5cf6,#06b6d4,var(--accent-color));opacity:0;z-index:-1;filter:blur(8px);background-size:400% 400%;border-radius:1.5rem;padding:2px;transition:opacity .5s;animation:6s ease-in-out infinite gradient-flow;position:absolute;inset:-3px}.dock-container:hover:before{opacity:.6}@keyframes gradient-flow{0%,to{background-position:0%}50%{background-position:100%}}.dock-bg-premium{background:var(--dock-bg);-webkit-backdrop-filter:blur(32px)saturate(180%);border:1.5px solid var(--border-color);box-shadow:0 12px 40px -12px #0006,inset 0 0 0 1px #ffffff14,inset 0 -2px #ffffff1a}.dock-toggle-btn{isolation:isolate;position:relative;overflow:hidden}.ripple-effect{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.dock-toggle-btn:active .ripple-effect:after{content:"";background:radial-gradient(circle,#fff9,#0000);border-radius:50%;width:0;height:0;animation:.7s cubic-bezier(.4,0,.2,1) ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ripple{to{opacity:0;width:400px;height:400px}}.dock-icon-btn{width:48px;height:48px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.dock-icon-btn:before{content:"";background:radial-gradient(circle,var(--accent-color),transparent);opacity:0;z-index:-1;border-radius:50%;transition:opacity .3s;position:absolute;inset:-4px}.dock-icon-btn:hover{color:var(--accent-color);filter:drop-shadow(0 8px 16px #fbbf244d);transform:translateY(-6px)scale(1.2)}.dock-icon-btn:hover:before{opacity:.15;animation:1.5s ease-in-out infinite pulse-glow}.dock-icon-btn:active{transform:translateY(-3px)scale(1.1)}.info-fab-premium{will-change:transform;isolation:isolate;z-index:50;animation:4s ease-in-out infinite float-gentle;position:relative;box-shadow:0 20px 50px -10px #00000080}@keyframes float-gentle{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-6px)rotate(2deg)}50%{transform:translateY(-3px)rotate(-1deg)}75%{transform:translateY(-6px)rotate(1deg)}}.info-fab-premium:hover{animation-play-state:paused}.info-fab-premium:before{content:"";background:conic-gradient(from 0deg,var(--accent-color),#ec4899,#8b5cf6,#06b6d4,var(--accent-color));opacity:0;z-index:-1;filter:blur(12px);border-radius:50%;transition:opacity .5s;animation:4s linear infinite rotate-gradient;position:absolute;inset:-6px}.info-fab-premium:hover:before{opacity:.8}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shimmer-animation{animation:4s infinite shimmer;transform:translate(-100%)skew(-15deg)}@keyframes shimmer{0%{opacity:0;transform:translate(-100%)skew(-15deg)}50%{opacity:1}to{opacity:0;transform:translate(200%)skew(-15deg)}}@keyframes pulse-glow{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.4;transform:scale(1.15)}}.animate-pulse-glow{animation:2.5s ease-in-out infinite pulse-glow}@keyframes ping-slow{0%{opacity:.9;transform:scale(1)}75%,to{opacity:0;transform:scale(1.8)}}.animate-ping-slow{animation:2.5s cubic-bezier(0,0,.2,1) infinite ping-slow}.animation-delay-1000{animation-delay:1.2s}.dock-border-glow{will-change:opacity;animation:3.5s ease-in-out infinite border-pulse}@keyframes border-pulse{0%,to{opacity:0}50%{opacity:.4}}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-color),#fbbf2480);background-clip:padding-box;border:2px solid #0000;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--accent-color)transparent}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.tooltip-top{position:relative}.tooltip-top:hover:after{content:attr(title);background:var(--text-primary);color:var(--bg-primary);white-space:nowrap;opacity:1;pointer-events:none;z-index:60;border-radius:12px;padding:8px 14px;font-size:11px;font-weight:700;animation:.2s cubic-bezier(.34,1.56,.64,1) tooltip-appear;position:absolute;bottom:140%;left:50%;transform:translate(-50%)scale(.95);box-shadow:0 8px 24px #0003}@keyframes tooltip-appear{0%{opacity:0;transform:translate(-50%)translateY(4px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.dropping-texts{justify-content:center;align-items:center;width:100%;height:28px;display:flex;position:relative;overflow:hidden}.dropping-texts>div{opacity:0;text-align:center;white-space:nowrap;width:100%;font-weight:600;position:absolute;transform:translateY(24px)}.dropping-texts>div:first-child{animation:15s linear infinite roll}.dropping-texts>div:nth-child(2){animation:15s linear 3s infinite roll}.dropping-texts>div:nth-child(3){animation:15s linear 6s infinite roll}.dropping-texts>div:nth-child(4){animation:15s linear 9s infinite roll}.dropping-texts>div:nth-child(5){animation:15s linear 12s infinite roll}@keyframes roll{0%{opacity:0;filter:blur(2px);transform:translateY(-24px)scale(.9)}5%{opacity:1;filter:blur();transform:translateY(0)scale(1)}20%{opacity:1;transform:translateY(0)scale(1)}25%{opacity:0;filter:blur(2px);transform:translateY(24px)scale(.9)}to{opacity:0}}.mobile-nav-container{-webkit-backdrop-filter:blur(32px)saturate(180%);border-top:1.5px solid var(--border-color);box-shadow:0 -12px 48px -12px #0006,inset 0 0 0 1px #ffffff0d;background:var(--dock-bg)!important}.nav-item-btn{flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.nav-item-btn:before{content:"";background:radial-gradient(circle,var(--accent-color),transparent);opacity:0;z-index:-1;border-radius:16px;transition:opacity .3s;position:absolute;inset:-8px}.nav-item-btn:active:before{opacity:.2}.nav-item-btn ion-icon,.nav-item-btn svg{font-size:26px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.nav-item-btn:active ion-icon,.nav-item-btn:active svg{transform:scale(.9)}.nav-item-btn span{letter-spacing:.3px;font-weight:700;font-size:11px!important}.nav-center-wrapper{position:relative;top:-32px}.nav-center-btn-main{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border:4px solid var(--bg-primary);border-radius:1.5rem;justify-content:center;align-items:center;width:64px;height:64px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 8px 32px -8px #0000004d,inset 0 0 0 1px #ffffff1a}.nav-center-btn-main:before{content:"";background:conic-gradient(from 0deg,var(--accent-color),#ec4899,#8b5cf6,var(--accent-color));opacity:0;z-index:-1;filter:blur(12px);border-radius:50%;animation:3s linear infinite rotate-gradient;position:absolute;inset:-6px}.nav-center-btn-main.active:before{opacity:.9}.nav-center-btn-main.active{background:linear-gradient(135deg,var(--accent-color),#fcd34d);color:#000;box-shadow:0 12px 40px -8px var(--accent-color),0 0 0 2px var(--accent-color)inset;transform:scale(1.05)rotate(5deg)}:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px;border-radius:8px}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.portal-btn{background:var(--dock-bg);isolation:isolate;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 15px -5px #fbbf2433}.portal-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 0 25px -5px #fbbf2466,0 0 10px 1px #ffffff26}@keyframes reverse-spin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.animate-reverse-spin{animation:10s linear infinite reverse-spin}