@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";html{scroll-behavior:smooth}@keyframes float{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-20px) rotateX(5deg)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00d18d4d}50%{box-shadow:0 0 40px #00d18d99}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-subtle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes loader-progress{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(.2)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 5s ease infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.animate-fade-up{animation:fade-up .8s ease-out forwards}.animate-scale-in{animation:scale-in .6s ease-out forwards}.animate-slide-left{animation:slide-in-left .8s ease-out forwards}.animate-slide-right{animation:slide-in-right .8s ease-out forwards}.animate-bounce-subtle{animation:bounce-subtle 2s ease-in-out infinite}.animate-rotate-slow{animation:rotate-slow 20s linear infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.animate-on-scroll{opacity:0}.animate-on-scroll.visible{opacity:1}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.card-3d{transition:transform .6s cubic-bezier(.23,1,.32,1),box-shadow .6s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d}.card-3d:hover{transform:translateY(-10px) rotateX(5deg) rotateY(-5deg);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #00d18d1a,inset 0 1px #ffffff1a}.card-3d-subtle{transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1)}.card-3d-subtle:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px -15px #0000001a}.glass{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#0f172acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.glass-subtle{background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.gradient-primary{background:linear-gradient(135deg,#00d18d,#00d18d,#a855f7)}.gradient-primary-soft{background:linear-gradient(135deg,#00d18d1a,#00d18d1a)}.gradient-mesh{background:radial-gradient(at 40% 20%,rgba(0,209,141,.3) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(0,188,127,.2) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(0,209,141,.15) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(0,209,141,.15) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(0,209,141,.2) 0px,transparent 50%),radial-gradient(at 80% 100%,rgba(168,85,247,.15) 0px,transparent 50%)}.gradient-text{background:linear-gradient(135deg,#00d18d,#00d18d,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dot-pattern{background-image:radial-gradient(rgba(0,209,141,.15) 1px,transparent 1px);background-size:24px 24px}.grid-pattern{background-image:linear-gradient(rgba(0,209,141,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,209,141,.03) 1px,transparent 1px);background-size:50px 50px}.transition-smooth{transition:all .3s cubic-bezier(.23,1,.32,1)}.transition-bounce{transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.btn-glow{position:relative;overflow:hidden}.btn-glow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-glow:hover:before{left:100%}.text-shine{background:linear-gradient(90deg,#00d18d,#00d18d,#00d18d);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.icon-container:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:linear-gradient(135deg,#00d18d33,#00d18d33);border-radius:inherit;filter:blur(8px);opacity:0;transition:opacity .3s}.icon-container:hover:before{opacity:1}.testimonial-card{position:relative}.testimonial-card:before{content:'"';position:absolute;top:10px;left:20px;font-size:80px;font-family:Georgia,serif;color:#00d18d1a;line-height:1;pointer-events:none}.number-animate{display:inline-block;position:relative}.scroll-indicator{animation:bounce-subtle 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #00d18d4d}.animated-underline{position:relative}.animated-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#00d18d,#00d18d);transition:width .3s ease}.animated-underline:hover:after{width:100%}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:marquee 30s linear infinite}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#00d18d,#00d18d);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 16px;border-radius:20px;box-shadow:0 4px 12px #00d18d4d}@keyframes page-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes page-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes page-fade{0%{opacity:0}to{opacity:1}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-down-fade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-from-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.page-transition{animation:page-enter .4s cubic-bezier(.22,1,.36,1) forwards}.page-transition-fade{animation:page-fade .3s ease-out forwards}.page-transition-slide-up{animation:slide-up-fade .5s cubic-bezier(.22,1,.36,1) forwards}.page-transition-slide-down{animation:slide-down-fade .4s cubic-bezier(.22,1,.36,1) forwards}.page-transition-slide-right{animation:slide-in-from-right .4s cubic-bezier(.22,1,.36,1) forwards}.page-transition-slide-left{animation:slide-in-from-left .4s cubic-bezier(.22,1,.36,1) forwards}.page-transition-zoom{animation:zoom-in .3s cubic-bezier(.22,1,.36,1) forwards}@keyframes dialog-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes dialog-content-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dialog-content-exit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}.dialog-overlay{animation:dialog-overlay-enter .2s ease-out forwards}.dialog-content{animation:dialog-content-enter .3s cubic-bezier(.22,1,.36,1) forwards}.dialog-exit .dialog-overlay{animation:dialog-overlay-enter .2s ease-out reverse forwards}.dialog-exit .dialog-content{animation:dialog-content-exit .2s ease-out forwards}.sidebar-item{position:relative;overflow:hidden}.sidebar-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#00d18d,#00bc7f);transform:scaleY(0);transition:transform .3s cubic-bezier(.22,1,.36,1);border-radius:0 4px 4px 0}.sidebar-item.active:before{transform:scaleY(1)}.sidebar-item:hover{background:#00d18d0d}.card-hover{transition:all .3s cubic-bezier(.22,1,.36,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px -15px #0000001a}.stat-card{transition:all .4s cubic-bezier(.22,1,.36,1)}.stat-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 40px -10px #00d18d33}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-icon{transition:transform .3s cubic-bezier(.22,1,.36,1)}.btn-animate{transition:all .2s cubic-bezier(.22,1,.36,1)}.btn-animate:hover{transform:translateY(-2px)}.btn-animate:active{transform:translateY(0) scale(.98)}.table-row{transition:all .2s ease}.table-row:hover{background:#00d18d08}.stagger-item{opacity:0;animation:slide-up-fade .4s cubic-bezier(.22,1,.36,1) forwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}.stagger-item:nth-child(9){animation-delay:.45s}.stagger-item:nth-child(10){animation-delay:.5s}.login-page{font-family:Plus Jakarta Sans,sans-serif;background:#f8fafc;color:#0f172a;overflow:hidden}.login-mesh-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:radial-gradient(circle at 0% 0%,rgba(0,209,141,.08) 0%,transparent 50%),radial-gradient(circle at 100% 0%,rgba(0,188,127,.08) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(0,209,141,.05) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(0,188,127,.05) 0%,transparent 50%)}.login-blob{position:absolute;width:600px;height:600px;background:linear-gradient(135deg,#00d18d0d,#00bc7f0d);filter:blur(100px);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:blob-animate 25s infinite alternate;z-index:0}.login-card-premium{background:#fffc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005,inset 0 1px #fffc;border-radius:2.5rem;position:relative;overflow:hidden;z-index:10}.login-card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(0,209,141,.3),transparent)}.login-input-premium{background:#f1f5f9;border:1px solid #e2e8f0;color:#1e293b;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-input-premium::placeholder{color:#94a3b8}.login-input-premium:focus{background:#fff;border-color:#00d18d;box-shadow:0 0 0 4px #00d18d1a;transform:translateY(-1px)}.login-btn-premium{background:linear-gradient(135deg,#00d18d,#00bc7f);box-shadow:0 10px 15px -3px #00d18d4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.login-btn-premium:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #00d18d66}.login-label{color:#64748b;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;display:block}.stagger-in{opacity:0;transform:translateY(20px);animation:stagger-in-anim .6s cubic-bezier(.22,1,.36,1) forwards}@keyframes stagger-in-anim{to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@keyframes toast-enter{0%{opacity:0;transform:translateY(100%) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(100%) scale(.9)}}.toast-enter{animation:toast-enter .4s cubic-bezier(.22,1,.36,1) forwards}.toast-exit{animation:toast-exit .3s cubic-bezier(.22,1,.36,1) forwards}.pulse-indicator{position:relative}.pulse-indicator:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:inherit;border-radius:inherit;transform:translate(-50%,-50%);animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.online-indicator{width:8px;height:8px;background:#22c55e;border-radius:50%;position:relative;box-shadow:0 0 0 2px #fff}.online-indicator:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:#22c55e;border-radius:50%;animation:pulse-ring 2s ease-out infinite}.content-area{transition:opacity .3s ease,transform .3s ease}.nav-highlight{position:relative}.nav-highlight:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#00d18d,#00d18d);transition:all .3s cubic-bezier(.22,1,.36,1);transform:translate(-50%)}.nav-highlight:hover:after,.nav-highlight.active:after{width:80%}