body{font-family:'Inter',sans-serif;background-color:#ffffff;color:#111;}.no-scrollbar::-webkit-scrollbar{display:none;}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}.reveal-text{animation:fadeInUp 0.8s ease-out forwards;opacity:0;transform:translateY(20px);}@keyframes fadeInUp{to{opacity:1;transform:translateY(0);}}.connector-dot{width:12px;height:12px;background-color:#E5E7EB;border:2px solid white;border-radius:50%;position:absolute;z-index:10;}.reveal-word{opacity:0.2;transition:opacity 0.3s ease;color:white;display:inline-block;margin-right:0.25em;}.marquee-container{overflow:hidden;white-space:nowrap;position:relative;}.marquee-track{display:flex;gap:1rem;width:max-content;}.marquee-left{animation:scrollLeft 20s linear infinite;}.marquee-right{animation:scrollRight 20s linear infinite;}@keyframes scrollLeft{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}@keyframes scrollRight{0%{transform:translateX(-50%);}100%{transform:translateX(0);}}.folder-stack{position:relative;height:180px;display:flex;align-items:center;justify-content:center;perspective:1000px;}.folder-card{position:absolute;transition:all 0.8s cubic-bezier(0.16,1,0.3,1);transform-origin:bottom center;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);}.folder-card.left,.folder-card.right{transform:translateX(0) rotate(0) scale(0.95);opacity:0;z-index:10;}.folder-card.center{z-index:20;transform:translateY(0);}.folder-stack.active .folder-card.left{transform:translateX(-120px) rotate(-10deg) scale(0.9);opacity:1;}.folder-stack.active .folder-card.right{transform:translateX(120px) rotate(10deg) scale(0.9);opacity:1;}.folder-stack.active .folder-card.center{transform:translateY(-10px) scale(1);}.glass-nav{background-color:rgba(255,255,255,0.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);}@keyframes scanLine{0%{transform:translateY(-10px);}100%{transform:translateY(150px);}}.animate-scan{animation:scanLine 2s linear infinite;}@keyframes scanLineLarge{0%{transform:translateY(-10px);}100%{transform:translateY(500px);}}.animate-scan-large{animation:scanLineLarge 3s linear infinite;}@keyframes shine{0%{background-position:200% center;}100%{background-position:-200% center;}}.metallic-text{background:linear-gradient( 120deg,#64748b 0%,#cbd5e1 20%,#ffffff 40%,#94a3b8 60%,#475569 80%,#cbd5e1 100% );background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shine 4s linear infinite;}@keyframes slideUpFade{0%{transform:translateY(20px) scale(0.95);opacity:0;}20%{transform:translateY(0) scale(1);opacity:1;}80%{transform:translateY(0) scale(1);opacity:1;}100%{transform:translateY(-20px) scale(0.95);opacity:0;}}.animate-payslip{animation:slideUpFade 3s ease-in-out infinite;}.delay-1500{animation-delay:1.5s;}@keyframes pulseBorder{0%{box-shadow:0 0 0 0px rgba(59,130,246,0.3);}100%{box-shadow:0 0 0 20px rgba(59,130,246,0);}}.pulse-border-blue{animation:pulseBorder 2s infinite;}@keyframes pulseBorderPurple{0%{box-shadow:0 0 0 0px rgba(168,85,247,0.3);}100%{box-shadow:0 0 0 20px rgba(168,85,247,0);}}.pulse-border-purple{animation:pulseBorderPurple 2s infinite 0.4s;}@keyframes pulseBorderYellow{0%{box-shadow:0 0 0 0px rgba(234,179,8,0.3);}100%{box-shadow:0 0 0 20px rgba(234,179,8,0);}}.pulse-border-yellow{animation:pulseBorderYellow 2s infinite 0.8s;}@keyframes pulseBorderRed{0%{box-shadow:0 0 0 0px rgba(239,68,68,0.3);}100%{box-shadow:0 0 0 20px rgba(239,68,68,0);}}.pulse-border-red{animation:pulseBorderRed 2s infinite 1.2s;}@keyframes pulseBorderGreen{0%{box-shadow:0 0 0 0px rgba(34,197,94,0.3);}100%{box-shadow:0 0 0 20px rgba(34,197,94,0);}}.pulse-border-green{animation:pulseBorderGreen 2s infinite 1.6s;}@keyframes pop1{0%,1%,10%,100%{opacity:0;transform:translateY(10px) scale(0.9);}3%,8%{opacity:1;transform:translateY(0) scale(1);}}.animate-pop-1{animation:pop1 10s linear infinite;}@keyframes pop2{0%,23%,31%,100%{opacity:0;transform:translateY(10px) scale(0.9);}25%,29%{opacity:1;transform:translateY(0) scale(1);}}.animate-pop-2{animation:pop2 10s linear infinite;}@keyframes pop3{0%,46%,54%,100%{opacity:0;transform:translateY(10px) scale(0.9);}48%,52%{opacity:1;transform:translateY(0) scale(1);}}.animate-pop-3{animation:pop3 10s linear infinite;}@keyframes pop4{0%,69%,77%,100%{opacity:0;transform:translateY(10px) scale(0.9);}71%,75%{opacity:1;transform:translateY(0) scale(1);}}.animate-pop-4{animation:pop4 10s linear infinite;}@keyframes pop5{0%,90%,99%,100%{opacity:0;transform:translateY(10px) scale(0.9);}92%,97%{opacity:1;transform:translateY(0) scale(1);}}.animate-pop-5{animation:pop5 10s linear infinite;}.flow-line{stroke-dasharray:12;animation:dashFlow 40s linear infinite;}@keyframes dashFlow{to{stroke-dashoffset:-1000;}}@keyframes shieldPulse{0%,100%{box-shadow:0 0 0 0 rgba(59,130,246,0.4);}50%{box-shadow:0 0 0 30px rgba(59,130,246,0);}}.animate-shield-pulse{animation:shieldPulse 2s infinite;}@keyframes envelopeTravel{0%{transform:translateX(0);opacity:0;}10%{transform:translateX(0);opacity:1;}45%{transform:translateX(250px);opacity:1;}55%{transform:translateX(250px);opacity:0;}100%{transform:translateX(500px);opacity:0;}}.animate-envelope{animation:envelopeTravel 4s linear infinite;}@keyframes encryptedTravel{0%{transform:translateX(0);opacity:0;}45%{transform:translateX(250px);opacity:0;}55%{transform:translateX(250px);opacity:1;}90%{transform:translateX(500px);opacity:1;}100%{transform:translateX(500px);opacity:0;}}.animate-encrypted{animation:encryptedTravel 4s linear infinite;}@keyframes lockRotate{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.animate-lock{animation:lockRotate 4s linear infinite;}.delay-1000{animation-delay:1s;}.delay-2000{animation-delay:2s;}.delay-3000{animation-delay:3s;}@keyframes msgPopIn{0%{opacity:0;transform:translateY(20px) scale(0.9);}10%{opacity:1;transform:translateY(0) scale(1);}90%{opacity:1;transform:translateY(0) scale(1);}100%{opacity:0;transform:translateY(-20px);}}@keyframes typingDot{0%,100%{transform:translateY(0);opacity:0.5;}50%{transform:translateY(-4px);opacity:1;}}@keyframes fileSync{0%,30%{opacity:0;transform:translateX(50px);}40%,80%{opacity:1;transform:translateX(0);}90%,100%{opacity:0;transform:translateX(-50px);}}@keyframes highlightChannel{0%,20%{background-color:transparent;}30%,70%{background-color:#eff6ff;}80%,100%{background-color:transparent;}}@keyframes slideBadge{0%,25%{transform:scale(0);opacity:0;}35%,65%{transform:scale(1);opacity:1;}75%,100%{transform:scale(0);opacity:0;}}@keyframes secureMsg{0%{transform:translateX(-50px);opacity:0;}20%{transform:translateX(0);opacity:1;}40%,60%{transform:translateX(0);opacity:1;filter:blur(4px) sepia(1) hue-rotate(90deg);}80%{transform:translateX(0);opacity:1;filter:blur(0) sepia(0);}100%{transform:translateX(50px);opacity:0;}}@keyframes typeCommand{0%,20%{width:0;opacity:1;}40%,60%{width:100%;opacity:1;}70%,100%{width:100%;opacity:0;}}@keyframes ticketPop{0%,65%{transform:scale(0.8) translateY(20px);opacity:0;}75%,90%{transform:scale(1) translateY(0);opacity:1;}100%{transform:scale(0.9) translateY(-10px);opacity:0;}}@keyframes flowRight{0%,100%{transform:translateX(-2px);opacity:0.6;}50%{transform:translateX(3px);opacity:1;}}@keyframes flowDown{0%,100%{transform:translateY(-2px);opacity:0.6;}50%{transform:translateY(3px);opacity:1;}}.animate-arrow-flow{animation:flowRight 1.5s ease-in-out infinite;}.animate-arrow-flow-down{animation:flowDown 1.5s ease-in-out infinite;}@keyframes typeLine{from{width:0;}to{width:100%;}}@keyframes typeLineShort{from{width:0;}to{width:66%;}}@keyframes sendButtonPress{0%{transform:scale(1);}50%{transform:scale(0.9);}100%{transform:scale(1);background-color:#22c55e;}}@keyframes flyAway{0%{transform:rotate(45deg) translate(0,0);opacity:1;}100%{transform:rotate(45deg) translate(20px,-20px);opacity:0;}}@keyframes pulseOpacity{0%,100%{opacity:0.4;}50%{opacity:1;}}@keyframes fillProgress{0%{width:0;}100%{width:100%;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes popIn{0%{transform:scale(0);}80%{transform:scale(1.1);}100%{transform:scale(1);}}@keyframes moveKanbanCard{0%{transform:translate(0,0) rotate(0);z-index:20;}30%{transform:translate(20px,-20px) rotate(5deg);z-index:30;}70%{transform:translate(60px,-10px) rotate(-2deg);z-index:30;}100%{transform:translate(95px,20px) rotate(0);z-index:20;}}@keyframes pulseBorder{0%,100%{opacity:0;transform:scale(0.95);}50%{opacity:1;transform:scale(1);}}@keyframes rocketShake{0%,100%{transform:translateX(0);}20%,60%{transform:translateX(-1px);}40%,80%{transform:translateX(1px);}}@keyframes rocketLaunch{0%{transform:translateY(48px);}10%{transform:translateY(48px);}100%{transform:translateY(-150px);}}@keyframes fireFlicker{0%,100%{transform:scaleY(1);opacity:0.8;}50%{transform:scaleY(1.2);opacity:1;}}@keyframes smokeCloud{0%{transform:translateY(0) scale(0.8);opacity:0;}20%{transform:translateY(-5px) scale(1.2);opacity:1;}100%{transform:translateY(-10px) scale(1.5);opacity:0;}}@keyframes scaleYIn{from{transform:scaleY(0);}to{transform:scaleY(1);}}@keyframes drawPath{from{stroke-dashoffset:150;}to{stroke-dashoffset:0;}}@keyframes spinSlow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes spinSlowReverse{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}@keyframes flowLeft{0%,100%{transform:translateX(48px);opacity:0.6;}50%{transform:translateX(43px);opacity:1;}}@keyframes drawShield{from{stroke-dashoffset:300;}to{stroke-dashoffset:0;}}@keyframes lockClick{0%{transform:translateY(8px);}70%{transform:translateY(0);}100%{transform:translateY(2px);}}