*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;--scroll-progress: 0%}body{margin:0;padding:0;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#fff;background-color:#000;overflow-x:hidden;overflow-y:auto}app-root{display:block;width:100%;min-height:100vh}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#2563eb,#7c3aed)}html{scrollbar-width:thin;scrollbar-color:#3b82f6 #1a1a1a}.site-section{transition:opacity .6s ease-out,transform .6s ease-out}.site-section:not(.in-view) .content-wrapper{opacity:0;transform:translateY(50px) scale(.95)}.site-section.in-view .content-wrapper,.site-section.fully-visible .content-wrapper{opacity:1;transform:translateY(0) scale(1)}.feature-card,.service-item,.contact-item,.tech-category{transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover,.service-item:hover,.contact-item:hover,.tech-category:hover{transform:translateY(-10px) scale(1.02)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.content-wrapper>*{animation:fadeInUp .8s ease-out forwards}.content-wrapper>*:nth-child(1){animation-delay:.1s}.content-wrapper>*:nth-child(2){animation-delay:.2s}.content-wrapper>*:nth-child(3){animation-delay:.3s}.content-wrapper>*:nth-child(4){animation-delay:.4s}.scroll-progress{position:fixed;top:0;left:0;width:var(--scroll-progress);height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);z-index:1000;transition:width .1s ease-out}@media print{.site-section{break-inside:avoid;page-break-inside:avoid}}@media (prefers-contrast: high){.site-section{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.site-section,.feature-card,.service-item,.contact-item,.tech-category,.content-wrapper>*{animation:none;transition:none}}
