.glass-morphism{background:hsla(0,0%,100%,.65);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.5);position:relative;overflow:hidden}.glass-morphism:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .5s ease}.dark .glass-morphism{background:rgba(15,15,20,.7);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 8px 32px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.glass-nav{background:hsla(0,0%,100%,.75);backdrop-filter:blur(70px) saturate(200%);-webkit-backdrop-filter:blur(70px) saturate(200%);border-bottom:1px solid hsla(0,0%,100%,.6);box-shadow:0 8px 32px rgba(99,102,241,.1),0 2px 8px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.95);position:relative}.glass-nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.4),rgba(139,92,246,.4),rgba(236,72,153,.4),transparent);pointer-events:none}.dark .glass-nav{background:rgba(15,15,20,.9);border-bottom:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(99,102,241,.25),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.15)}.glass-sidebar{background:hsla(0,0%,100%,.7);backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border-right:1px solid hsla(0,0%,100%,.6);box-shadow:2px 0 30px rgba(99,102,241,.08),0 0 0 1px hsla(0,0%,100%,.5),inset 1px 0 0 hsla(0,0%,100%,.9);position:relative}.glass-sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(99,102,241,.3),rgba(139,92,246,.3),transparent);pointer-events:none}.dark .glass-sidebar{background:rgba(18,18,25,.8);border-right:1px solid hsla(0,0%,100%,.2);box-shadow:2px 0 30px rgba(99,102,241,.2),0 0 0 1px hsla(0,0%,100%,.1),inset 1px 0 0 hsla(0,0%,100%,.15)}.glass-card{background:hsla(0,0%,100%,.7);backdrop-filter:blur(50px) saturate(190%);-webkit-backdrop-filter:blur(50px) saturate(190%);border-radius:20px;box-shadow:0 12px 36px rgba(15,23,42,.08),0 6px 18px rgba(15,23,42,.04),inset 0 1px 0 hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.4);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,hsla(0,0%,100%,.28) 0,transparent 70%);opacity:0;filter:blur(5px);transition:opacity .45s ease}.glass-card:hover:before{opacity:.45}.glass-card:after{content:"";position:absolute;inset:3px;border-radius:18px;border:1px solid transparent;background:linear-gradient(135deg,rgba(99,102,241,.35),rgba(236,72,153,.3)) border-box;opacity:0;transition:opacity .4s ease;pointer-events:none}.glass-card:focus-visible:after,.glass-card:hover:after{opacity:.8}.dark .glass-card{background:rgba(25,25,35,.65);border:1px solid hsla(0,0%,100%,.18);box-shadow:0 12px 30px rgba(15,23,42,.22),0 6px 16px rgba(15,23,42,.1),inset 0 1px 0 hsla(0,0%,100%,.1)}.glass-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 34px rgba(15,23,42,.15),0 8px 20px rgba(15,23,42,.08),inset 0 1px 0 hsla(0,0%,100%,.8)}.dark .glass-card:hover{box-shadow:0 16px 34px rgba(15,23,42,.32),0 8px 20px rgba(15,23,42,.14),inset 0 1px 0 hsla(0,0%,100%,.15)}.glass-input{background:hsla(0,0%,100%,.5);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border-radius:12px;border:1px solid hsla(0,0%,100%,.6);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.8)}.dark .glass-input{background:rgba(30,30,40,.5);border:1px solid hsla(0,0%,100%,.15)}.glass-input:focus{background:hsla(0,0%,100%,.65);box-shadow:0 0 0 3px rgba(99,102,241,.2),inset 0 1px 2px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.9);border:1px solid rgba(99,102,241,.6)}.dark .glass-input:focus{background:rgba(30,30,40,.65)}.glass-button{background:hsla(0,0%,100%,.75);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border-radius:12px;border:1px solid hsla(0,0%,100%,.7);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.9)}.dark .glass-button{background:rgba(40,40,50,.75);border:1px solid hsla(0,0%,100%,.2)}.glass-button:hover{background:hsla(0,0%,100%,.85);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.95)}.dark .glass-button:hover{background:rgba(50,50,60,.85)}.bg-liquid-glass{background:linear-gradient(180deg,#fafbff,#f5f7ff 25%,#f0f4ff 50%,#f5f7ff 75%,#fafbff);background-attachment:fixed;position:relative;min-height:100vh}.bg-liquid-glass:before{top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.08) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.06) 0,transparent 50%),radial-gradient(circle at 30% 70%,rgba(59,130,246,.07) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.06) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(147,197,253,.05) 0,transparent 40%)}.bg-liquid-glass:after,.bg-liquid-glass:before{content:"";position:fixed;pointer-events:none;z-index:0}.bg-liquid-glass:after{top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 2px 2px,rgba(99,102,241,.03) 1px,transparent 0);background-size:60px 60px;opacity:.6}.dark .bg-liquid-glass{background:linear-gradient(180deg,#0f1117,#1a1b23 25%,#151720 50%,#1a1b23 75%,#0f1117);background-attachment:fixed}.dark .bg-liquid-glass:before{background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.12) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0,transparent 50%),radial-gradient(circle at 30% 70%,rgba(59,130,246,.11) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.1) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(147,197,253,.08) 0,transparent 40%)}.dark .bg-liquid-glass:after{background-image:radial-gradient(circle at 2px 2px,rgba(99,102,241,.06) 1px,transparent 0);opacity:.4}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.02);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(156,163,175,.5),hsla(220,9%,46%,.5));border-radius:10px;border:2px solid transparent;background-clip:padding-box;transition:background .2s ease}.dark ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(75,85,99,.6),rgba(55,65,81,.6));background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,hsla(220,9%,46%,.7),rgba(75,85,99,.7));background-clip:padding-box}.dark ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(75,85,99,.8),rgba(55,65,81,.8));background-clip:padding-box}.glass-divider{height:1px;background:linear-gradient(90deg,transparent 0,hsla(0,0%,100%,.8) 50%,transparent);box-shadow:0 1px 2px rgba(0,0,0,.05)}.dark .glass-divider{background:linear-gradient(90deg,transparent 0,hsla(0,0%,100%,.25) 50%,transparent)}.glow-effect{position:relative}.glow-effect:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(99,102,241,.3) 0,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.glow-effect:hover:after{opacity:1}@keyframes liquid-flow{0%{transform:translateX(-100%) rotate(-5deg)}50%{transform:translateX(100%) rotate(5deg)}to{transform:translateX(-100%) rotate(-5deg)}}.liquid-animation{animation:liquid-flow 10s ease-in-out infinite}.premium-card{position:relative;transform-style:preserve-3d;perspective:1000px}.premium-card:after{content:"";position:absolute;inset:0;border-radius:1.1rem;padding:3px;background:linear-gradient(135deg,rgba(99,102,241,.35),rgba(139,92,246,.35),rgba(236,72,153,.35));filter:blur(1px);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .6s ease;pointer-events:none}.premium-card:hover:after{opacity:.7}@keyframes shimmer-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-1deg)}}.premium-card:hover{animation:float-gentle 3.5s ease-in-out infinite}@keyframes particle-float{0%{transform:translateY(0) translateX(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translateX(20px) rotate(1turn);opacity:0}}.gradient-text-premium{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 5s ease infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.shadow-premium{box-shadow:0 16px 48px rgba(99,102,241,.12),0 8px 28px rgba(139,92,246,.08),0 4px 16px rgba(236,72,153,.05),inset 0 1px 0 hsla(0,0%,100%,.6)}.dark .shadow-premium{box-shadow:0 16px 48px rgba(99,102,241,.25),0 8px 28px rgba(139,92,246,.15),0 4px 16px rgba(236,72,153,.08),inset 0 1px 0 hsla(0,0%,100%,.1)}.border-gradient{position:relative;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe) border-box}.dark .border-gradient{background:linear-gradient(#121219,#121219) padding-box,linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe) border-box}.hover-lift{transition:all .4s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 18px 36px rgba(99,102,241,.12),0 10px 28px rgba(139,92,246,.1),0 4px 12px rgba(236,72,153,.08)}.backdrop-premium{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:hsla(0,0%,100%,.7)}.dark .backdrop-premium{background:rgba(15,15,20,.8)}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}