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 slideInEmail{0%{transform:translateY(-50px);opacity:0;}20%{transform:translateY(0);opacity:1;}80%{transform:translateY(0);opacity:1;}100%{transform:translateY(50px);opacity:0;}}@keyframes aiScanLine{0%{top:0;opacity:1;}100%{top:100%;opacity:0;}}@keyframes popInBadge{0%{transform:scale(0);opacity:0;}20%{transform:scale(1.2);opacity:1;}100%{transform:scale(1);opacity:1;}}.email-item{animation:slideInEmail 6s ease-in-out infinite;}@keyframes typeAddress{0%,20%{width:0;opacity:1;}40%,80%{width:100%;opacity:1;}100%{width:0;opacity:0;}}@keyframes checkmarkPop{0%,45%{transform:scale(0);opacity:0;}50%,80%{transform:scale(1);opacity:1;}100%{transform:scale(0);opacity:0;}}@keyframes flySpam{0%{transform:translateX(100px) translateY(-50px);opacity:0;}20%{transform:translateX(40px) translateY(-20px);opacity:1;}40%{transform:translateX(20px) translateY(-10px);opacity:1;}60%,100%{transform:translateX(20px) translateY(50px);opacity:0;}}@keyframes shieldPulse{0%,30%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0.4);}40%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(239,68,68,0);}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0);}}@keyframes fillStorage{0%,10%{width:10%;}40%,60%{width:45%;}80%,100%{width:10%;}}@keyframes numberCount{0%,10%{content:"5.0 GB";}40%,60%{content:"22.5 GB";}80%,100%{content:"5.0 GB";}}@keyframes slideUpSummary{0%,20%{transform:translateY(20px);opacity:0;}30%,80%{transform:translateY(0);opacity:1;}90%,100%{transform:translateY(-20px);opacity:0;}}@keyframes themeShift{0%,20%{filter:hue-rotate(0deg);}40%,80%{filter:hue-rotate(220deg);}100%{filter:hue-rotate(0deg);}}@keyframes logoMorph{0%,20%{opacity:0;transform:scale(0.5);}40%,80%{opacity:1;transform:scale(1);}100%{opacity:0;transform:scale(0.5);}}@keyframes defaultLogoFade{0%,20%{opacity:1;}40%,80%{opacity:0;}100%{opacity:1;}}@keyframes typeUrl{0%,15%{width:0;opacity:1;border-color:#3b82f6;}35%,70%{width:100%;opacity:1;border-color:transparent;}85%,100%{width:0;opacity:0;border-color:transparent;}}@keyframes lockSnap{0%,35%{transform:scale(0) rotate(-45deg);opacity:0;color:#6b7280;}40%{transform:scale(1.2) rotate(0deg);opacity:1;color:#22c55e;}70%{transform:scale(1) rotate(0deg);opacity:1;color:#22c55e;}85%,100%{transform:scale(0) rotate(45deg);opacity:0;color:#6b7280;}}@keyframes barGlow{0%,35%{box-shadow:0 0 0 rgba(34,197,94,0);border-color:rgba(255,255,255,0.1);}40%,70%{box-shadow:0 0 20px rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.3);}85%,100%{box-shadow:0 0 0 rgba(34,197,94,0);border-color:rgba(255,255,255,0.1);}}@keyframes slideModal{0%,15%{transform:translateY(100px) rotateX(20deg);opacity:0;}25%,75%{transform:translateY(0) rotateX(0deg);opacity:1;}85%,100%{transform:translateY(-100px) rotateX(-20deg);opacity:0;}}@keyframes avatarPop{0%,35%{transform:scale(0);}45%,75%{transform:scale(1);}85%,100%{transform:scale(0);}}@keyframes loginLineFill{0%,45%{width:0;}55%,75%{width:100%;}85%,100%{width:0;}}@keyframes bgImageFade{0%,25%{opacity:0.1;transform:scale(1);}35%,75%{opacity:0.3;transform:scale(1.1);}85%,100%{opacity:0.1;transform:scale(1);}}@keyframes flyData{0%{left:10%;opacity:0;transform:scale(0.8);}20%{opacity:1;transform:scale(1);}80%{opacity:1;transform:scale(1);}100%{left:80%;opacity:0;transform:scale(0.8);}}@keyframes popLogo{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}@keyframes floatPhone{0%,100%{transform:translateY(0) rotate(-10deg);}50%{transform:translateY(-15px) rotate(-12deg);}}@keyframes floatTablet{0%,100%{transform:translateY(0) rotate(5deg);}50%{transform:translateY(15px) rotate(8deg);}}@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);}}