@keyframes code-typing{0%{opacity:0;transform:translate(-10px)}10%{opacity:.3}to{opacity:.25;transform:translate(0)}}.code-line{animation:code-typing .8s ease-out forwards;opacity:0}.code-line:nth-child(1){animation-delay:0s}.code-line:nth-child(2){animation-delay:.3s}.code-line:nth-child(3){animation-delay:.6s}.code-line:nth-child(4){animation-delay:.9s}.code-line:nth-child(5){animation-delay:1.2s}@keyframes design-grid{0%,to{opacity:.08;transform:perspective(500px) rotateX(45deg)}50%{opacity:.15;transform:perspective(500px) rotateX(45deg) translateZ(20px)}}.design-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(6,182,212,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.1) 1px,transparent 1px);background-size:30px 30px;animation:design-grid 15s ease-in-out infinite;transform-style:preserve-3d;mask-image:radial-gradient(ellipse at center,transparent 30%,black 80%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 30%,black 80%)}@keyframes float-ui{0%,to{transform:translateY(0) rotate(0);opacity:.15}25%{transform:translateY(-20px) rotate(2deg);opacity:.2}75%{transform:translateY(15px) rotate(-2deg);opacity:.18}}.ui-component{animation:float-ui 8s ease-in-out infinite}.ui-component-delayed{animation:float-ui 8s ease-in-out infinite;animation-delay:4s}@keyframes terminal-type{0%{width:0;opacity:0}10%{opacity:.3}to{width:100%;opacity:.25}}.terminal-line{animation:terminal-type 2s ease-out forwards;overflow:hidden;white-space:nowrap}@keyframes git-flow{0%{transform:translateY(30px);opacity:0}50%{opacity:.2}to{transform:translateY(-30px);opacity:0}}.git-commit{animation:git-flow 6s ease-in-out infinite}.git-commit-delayed{animation:git-flow 6s ease-in-out infinite;animation-delay:3s}@keyframes tool-pulse{0%,to{transform:scale(1);opacity:.15}50%{transform:scale(1.1);opacity:.25}}.design-tool{animation:tool-pulse 4s ease-in-out infinite}.design-tool:nth-child(1){animation-delay:0s}.design-tool:nth-child(2){animation-delay:.5s}.design-tool:nth-child(3){animation-delay:1s}.design-tool:nth-child(4){animation-delay:1.5s}@keyframes api-request{0%{transform:translate(-100%);opacity:0}20%{opacity:.2}80%{opacity:.2}to{transform:translate(100%);opacity:0}}.api-flow{animation:api-request 10s linear infinite}.api-flow-delayed{animation:api-request 10s linear infinite;animation-delay:5s}@keyframes deploy-pulse{0%,to{opacity:.1;transform:scale(.95)}50%{opacity:.25;transform:scale(1)}}.deploy-status{animation:deploy-pulse 3s ease-in-out infinite}@keyframes phone-float{0%,to{transform:translateY(0) rotate(0);opacity:.15}50%{transform:translateY(-15px) rotate(3deg);opacity:.2}}.phone-mockup{animation:phone-float 10s ease-in-out infinite}@keyframes browser-slide{0%,to{transform:translate(0) scale(1);opacity:.15}50%{transform:translate(10px) scale(1.02);opacity:.2}}.browser-window{animation:browser-slide 12s ease-in-out infinite}@keyframes npm-install{0%{width:0%;opacity:.2}to{width:100%;opacity:.15}}.install-progress{animation:npm-install 4s ease-out infinite}@keyframes layer-stack{0%,to{transform:translateZ(0);opacity:.1}50%{transform:translateZ(30px);opacity:.2}}.design-layer{animation:layer-stack 6s ease-in-out infinite;transform-style:preserve-3d}.design-layer:nth-child(1){animation-delay:0s}.design-layer:nth-child(2){animation-delay:.3s}.design-layer:nth-child(3){animation-delay:.6s}@keyframes component-tree{0%,to{opacity:.1}50%{opacity:.2}}.react-component{animation:component-tree 5s ease-in-out infinite}@keyframes db-pulse{0%,to{stroke-dashoffset:0;opacity:.15}50%{stroke-dashoffset:10;opacity:.25}}.database-icon{stroke-dasharray:5 5;animation:db-pulse 4s ease-in-out infinite}@keyframes cloud-float{0%,to{transform:translateY(0) scale(1);opacity:.1}33%{transform:translateY(-10px) scale(1.05);opacity:.15}66%{transform:translateY(5px) scale(.95);opacity:.12}}.cloud-icon{animation:cloud-float 8s ease-in-out infinite}@media (prefers-color-scheme: light){.code-line,.terminal-line,.git-commit,.design-tool,.api-flow,.deploy-status,.phone-mockup,.browser-window,.design-layer,.react-component,.cloud-icon{filter:contrast(1.2) brightness(.8)}.design-grid{background-image:linear-gradient(rgba(6,182,212,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.15) 1px,transparent 1px)}}@media (max-width: 1023px){.code-line,.design-grid,.ui-component,.ui-component-delayed,.terminal-line,.git-commit,.git-commit-delayed,.design-tool,.api-flow,.api-flow-delayed,.deploy-status,.phone-mockup,.browser-window,.install-progress,.design-layer,.react-component,.database-icon,.cloud-icon,.animate-slide-in-left,.animate-slide-in-right,.animate-fade-in-up,.animate-float,.animate-pulse-slow{display:none!important;visibility:hidden!important;opacity:0!important;animation:none!important}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-slide-in-left{opacity:0;animation:slideInLeft 1s ease-out forwards}.animate-slide-in-right{opacity:0;animation:slideInRight 1s ease-out forwards}.animate-fade-in-up{opacity:0;animation:fadeInUp 1s ease-out forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 3s ease-in-out infinite}.stagger-1{animation-delay:.5s}.stagger-2{animation-delay:.7s}.stagger-3{animation-delay:.9s}.stagger-4{animation-delay:1.1s}.stagger-5{animation-delay:1.3s}.animate-fade-in-up.stagger-1,.animate-fade-in-up.stagger-2,.animate-fade-in-up.stagger-3,.animate-fade-in-up.stagger-4,.animate-fade-in-up.stagger-5{opacity:0;animation:fadeInUp 1s ease-out forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}