*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f10;color:#f0f0f0}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1c}::-webkit-scrollbar-thumb{background:#3a3a3e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a50}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:#0f0f1066;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,212,170,.08);animation:fadeInDown .5s ease-out}.header-left{display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform .2s ease}.header-left:hover{transform:scale(1.05)}.header-left:hover .anticon{animation:headerIconPulse .6s ease}.header-left .anticon{color:#00d4aa;filter:drop-shadow(0 0 4px rgba(0,212,170,.3));animation:headerIconFloat 3s ease-in-out infinite}@keyframes headerIconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(5deg)}}@keyframes headerIconPulse{0%{transform:scale(1)}40%{transform:scale(1.3);filter:drop-shadow(0 0 8px rgba(0,212,170,.6))}to{transform:scale(1)}}.header-brand{color:#f0f0f0;font-size:16px;font-weight:700;letter-spacing:-.3px;background:linear-gradient(90deg,#f0f0f0,#00d4aa,#0ea5e9,#f0f0f0);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:brandShimmer 4s linear infinite}@keyframes brandShimmer{0%{background-position:0% center}to{background-position:300% center}}.header-nav{display:flex;gap:28px}.header-link{color:#d0d0d4;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease;position:relative;padding-bottom:2px}.header-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:2px;background:linear-gradient(90deg,#00d4aa,#0ea5e9);border-radius:1px;transition:width .3s ease}.header-link:hover{color:#00d4aa}.header-link:hover:after{width:100%}.header-signin{background:transparent;border:1.5px solid #00d4aa;color:#00d4aa;padding:8px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.header-signin:hover{background:linear-gradient(135deg,#00d4aa,#0ea5e9);border-color:transparent;color:#0f0f10;box-shadow:0 0 20px #00d4aa66,0 4px 15px #00d4aa40;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{box-shadow:0 4px 20px #00d4aa33}50%{box-shadow:0 8px 40px #00d4aa66}}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(50px)}}@keyframes ringExpand{0%{transform:scale(.8);opacity:.6}to{transform:scale(2.2);opacity:0}}@keyframes ringExpand2{0%{transform:scale(.8);opacity:.4}to{transform:scale(2.8);opacity:0}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes orbFloat1{0%,to{transform:translate(0)}25%{transform:translate(30px,-20px)}50%{transform:translate(-20px,-40px)}75%{transform:translate(-30px,10px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}25%{transform:translate(-40px,20px)}50%{transform:translate(20px,30px)}75%{transform:translate(40px,-20px)}}@keyframes orbFloat3{0%,to{transform:translate(0)}33%{transform:translate(20px,30px)}66%{transform:translate(-30px,-20px)}}@keyframes stepPopIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}60%{transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes lineGrow{0%{width:0%}to{width:66%}}@keyframes shimmer{0%{left:-100%}to{left:200%}}@keyframes shimmerText{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}@keyframes techBadgeIn{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in-up{animation:fadeInUp .7s ease-out forwards;opacity:0}.animate-fade-in-down{animation:fadeInDown .6s ease-out forwards;opacity:0}.animate-fade-in{animation:fadeIn .8s ease-out forwards;opacity:0}.animate-scale-in{animation:scaleIn .6s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow-pulse{animation:glowPulse 4s ease-in-out 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}.logo-container{position:relative;display:flex;align-items:center;justify-content:center}.logo-box{width:100px;height:100px;border-radius:24px;background:linear-gradient(135deg,#00d4aa,#0ea5e9);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 12px 40px #00d4aa4d,0 0 20px #00d4aa26}.logo-box-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:28px;background:linear-gradient(135deg,#00d4aa,#0ea5e9);opacity:.4;filter:blur(12px);animation:logoBoxPulse 2.5s ease-in-out infinite}.logo-box:before,.logo-box:after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(0,212,170,.3);animation:logoWave 2.5s ease-out infinite}.logo-box:before{top:-12px;right:-12px;bottom:-12px;left:-12px}.logo-box:after{top:-12px;right:-12px;bottom:-12px;left:-12px;animation-delay:1.2s}@keyframes logoWave{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.6);opacity:0}}@keyframes logoBoxPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.infinity-svg{filter:drop-shadow(0 0 8px rgba(0,212,170,.3))}.infinity-trail{stroke-dasharray:50 250;animation:infinityRun 3s linear infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}@keyframes infinityRun{0%{stroke-dashoffset:0}to{stroke-dashoffset:-300}}.title-gradient{background:linear-gradient(135deg,#f0f0f0,#00d4aa,#0ea5e9);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerText 4s linear infinite}.login-card{box-shadow:0 20px 60px #00000080,0 0 0 1px #00d4aa0d;transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-4px);box-shadow:0 30px 80px #0009,0 0 30px #00d4aa0f}.login-btn{position:relative;overflow:hidden;transition:transform .2s ease;animation:pulse 2.5s ease-in-out infinite}.login-btn:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}.login-btn:hover{transform:translateY(-2px)!important}.login-btn:active{transform:translateY(0)!important}.orb{position:fixed;border-radius:50%;pointer-events:none;filter:blur(80px)}.floating-icons-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.floating-icon{position:absolute;font-size:20px;opacity:.12;filter:blur(1px);animation:floatIcon 8s ease-in-out infinite}.fi-1{top:8%;left:5%;animation-duration:7s;animation-delay:0s}.fi-2{top:12%;right:8%;animation-duration:9s;animation-delay:1s}.fi-3{top:25%;left:12%;animation-duration:8s;animation-delay:.5s}.fi-4{top:6%;left:35%;animation-duration:10s;animation-delay:2s}.fi-5{top:18%;right:20%;animation-duration:7.5s;animation-delay:1.5s}.fi-6{top:30%;right:5%;animation-duration:8.5s;animation-delay:.8s}.fi-7{top:5%;right:35%;animation-duration:9s;animation-delay:2.5s}.fi-8{top:22%;left:28%;animation-duration:7s;animation-delay:1.2s}.fi-9{top:35%;left:3%;animation-duration:8s;animation-delay:3s}.fi-10{top:10%;left:50%;animation-duration:6.5s;animation-delay:.3s}.fi-11{top:28%;right:15%;animation-duration:9.5s;animation-delay:1.8s}.fi-12{top:15%;left:20%;animation-duration:8s;animation-delay:2.2s}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-12px) rotate(5deg)}50%{transform:translateY(-6px) rotate(-3deg)}75%{transform:translateY(-15px) rotate(3deg)}}.orb-1{width:350px;height:350px;background:#00d4aa0a;top:15%;left:8%;animation:orbFloat1 18s ease-in-out infinite}.orb-2{width:280px;height:280px;background:#0ea5e909;top:55%;right:8%;animation:orbFloat2 20s ease-in-out infinite}.orb-3{width:200px;height:200px;background:#00d4aa08;bottom:15%;left:35%;animation:orbFloat3 14s ease-in-out infinite}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes flipIn{0%{opacity:0;transform:perspective(400px) rotateY(-15deg) translate(-20px)}to{opacity:1;transform:perspective(400px) rotateY(0) translate(0)}}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feature-card-wrap{position:relative;border-radius:14px;padding:1px;background:#2a2a2e;transition:transform .15s ease-out,box-shadow .3s ease;will-change:transform;overflow:hidden;opacity:0;transform:translateY(40px)}.feature-card-wrap:hover{box-shadow:0 20px 60px #00d4aa1a,0 0 30px #00d4aa0d}.feature-card-inner{background:#1a1a1c;border-radius:13px;padding:28px 24px;position:relative;z-index:2;height:100%}.card-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;z-index:1;pointer-events:none;transition:background .3s ease}.card-border-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:conic-gradient(from 0deg,transparent,#00d4aa,transparent,#0ea5e9,transparent);opacity:0;transition:opacity .3s ease;z-index:0}.feature-card-wrap:hover .card-border-glow{opacity:1;animation:borderRotate 3s linear infinite}.scroll-section.in-view .feature-card-0{animation:slideInLeft .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.1s}.scroll-section.in-view .feature-card-1{animation:slideInBottom .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.25s}.scroll-section.in-view .feature-card-2{animation:slideInRight .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.4s}.scroll-section.in-view .feature-card-3{animation:flipIn .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.55s}.scroll-section.in-view .feature-card-4{animation:slideInBottom .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.7s}.scroll-section.in-view .feature-card-5{animation:flipIn .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.85s}.feature-card-wrap:hover .feature-icon-wrap{transform:scale(1.2) rotate(5deg)}.feature-icon-wrap{transition:transform .3s cubic-bezier(.16,1,.3,1)}.steps-container{position:relative}.steps-line{position:absolute;top:30px;left:17%;height:2px;width:0%;background:linear-gradient(90deg,#00d4aa,#0ea5e9,#fbbf24);opacity:0;border-radius:1px}.scroll-section.in-view .steps-line{opacity:.5;animation:lineGrow 1.2s ease-out forwards;animation-delay:.3s}.steps-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 8px,#0f0f10 8px,#0f0f10 14px);animation:dashMove 1s linear infinite}@keyframes dashMove{0%{transform:translate(0)}to{transform:translate(22px)}}.step-item{opacity:0}.scroll-section.in-view .step-item-1{animation:stepPopIn .6s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.5s}.scroll-section.in-view .step-item-2{animation:stepPopIn .6s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.8s}.scroll-section.in-view .step-item-3{animation:stepPopIn .6s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:1.1s}.step-circle{transition:transform .3s ease,box-shadow .3s ease;position:relative}.step-circle:before,.step-circle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;opacity:0}.step-ripple:before{box-shadow:0 0 0 0 currentColor;animation:rippleWave1 .8s ease-out forwards}.step-ripple:after{box-shadow:0 0 0 0 currentColor;animation:rippleWave2 .8s ease-out .15s forwards}@keyframes rippleWave1{0%{opacity:.6;box-shadow:0 0 0 0 currentColor}to{opacity:0;box-shadow:0 0 0 20px currentColor}}@keyframes rippleWave2{0%{opacity:.4;box-shadow:0 0 0 0 currentColor}to{opacity:0;box-shadow:0 0 0 35px currentColor}}.step-item:hover .step-circle{transform:scale(1.15);box-shadow:0 0 25px currentColor,0 0 50px currentColor}.step-item h5{transition:color .3s ease}.step-item:hover h5{color:#00d4aa!important}.tech-badge{animation:techBadgeIn .4s ease-out forwards;opacity:0;transition:transform .2s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.tech-badge:nth-child(1){animation-delay:.1s}.tech-badge:nth-child(2){animation-delay:.2s}.tech-badge:nth-child(3){animation-delay:.3s}.tech-badge:nth-child(4){animation-delay:.4s}.tech-badge:nth-child(5){animation-delay:.5s}.tech-badge:nth-child(6){animation-delay:.6s}.tech-badge:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 4px 12px #0000004d;border-color:#00d4aa!important;background:#1a2a26!important}.tech-badge:hover span:first-child{animation:techIconBounce .5s ease}.tech-badge:hover span:last-child{color:#00d4aa!important}@keyframes techIconBounce{0%{transform:scale(1)}30%{transform:scale(1.4) rotate(-10deg)}60%{transform:scale(.9) rotate(5deg)}to{transform:scale(1) rotate(0)}}.tech-badge:focus,.tech-badge:active{outline:none}.tech-badge-clicked{border-color:#00d4aa!important;background:#1a2a26!important;box-shadow:0 0 14px #00d4aa40,0 4px 12px #0000004d}.tech-badge-clicked span:last-child{color:#00d4aa!important}.grid-bg{animation:gridMove 25s linear infinite}.devops-loop-container{position:relative;overflow:hidden;padding:20px 0;max-width:800px;margin:0 auto}.devops-loop-track{overflow:hidden}.devops-loop-inner{display:flex;gap:40px;width:max-content;animation:devopsScroll 35s linear infinite;padding:10px 0}.devops-stage{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:70px}.devops-stage-icon{width:46px;height:46px;border-radius:12px;border:1px solid;background:#1a1a1c;display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .3s ease,box-shadow .3s ease}.devops-stage:hover .devops-stage-icon{transform:scale(1.15) translateY(-3px);box-shadow:0 6px 20px currentColor}.devops-stage-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.devops-loop-fade-left,.devops-loop-fade-right{position:absolute;top:0;bottom:0;width:100px;pointer-events:none;z-index:2}.devops-loop-fade-left{left:0;background:linear-gradient(90deg,#0f0f10,transparent)}.devops-loop-fade-right{right:0;background:linear-gradient(270deg,#0f0f10,transparent)}@keyframes devopsScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes sparkleFloat{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.sparkles-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.sparkle{position:absolute;background:#00d4aa;border-radius:50%;animation:sparkle 3s ease-in-out infinite;box-shadow:0 0 6px #00d4aa,0 0 12px #00d4aa66}.sparkle:nth-child(odd){background:#0ea5e9;box-shadow:0 0 6px #0ea5e9,0 0 12px #0ea5e966}.sparkle:nth-child(3n){background:#fbbf24;box-shadow:0 0 6px #fbbf24,0 0 12px #fbbf244d}.sparkle:nth-child(5n){background:#e0e0e0;box-shadow:0 0 6px #fff,0 0 12px #ffffff4d}