@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";body{overflow:hidden!important}.app{position:relative;width:100vw;height:100vh;overflow:hidden;font-family:Inter,Segoe UI,system-ui,sans-serif;cursor:default}.logo{position:fixed;top:2rem;left:2rem;z-index:200;display:flex;align-items:center;gap:1rem}.logo-icon{width:50px;height:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.logo-text{font-size:.75rem;color:#fffc;text-transform:uppercase;letter-spacing:3px;font-weight:600}.background-layers{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.background-layer{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1.5s ease}.background-layer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 10px #ffffff80}.sections-container{position:relative;width:100%;height:100%}.section{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 8%;opacity:0;pointer-events:none}.section.active{opacity:1;z-index:2;pointer-events:all}.content{flex:1;max-width:600px;color:#fff;z-index:3}.icon-large{font-size:5rem;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.3);filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.content h1{font-size:5.5rem;font-weight:900;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1;letter-spacing:-2px}.content h2{font-size:2.2rem;font-weight:600;margin-bottom:1.5rem;opacity:.95;letter-spacing:-1px}.content p{font-size:1.3rem;line-height:1.7;margin-bottom:3rem;opacity:.85;max-width:500px;font-weight:400}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.2rem 3rem;font-size:1.1rem;font-weight:600;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:60px;cursor:pointer;transition:all .3s ease;outline:none;text-decoration:none;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cta-button:hover:before{left:100%}.cta-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-3px);box-shadow:0 15px 35px #0000004d}.cta-button svg{transition:transform .3s ease}.cta-button:hover svg{transform:translate(5px)}.image-container{flex:1;max-width:650px;position:relative;perspective:1500px;margin-left:2rem}.image-wrapper{position:relative;width:100%;height:550px;transform-style:preserve-3d}.image{width:100%;height:100%;background-size:cover;background-position:center;border-radius:30px;transform-style:preserve-3d;box-shadow:0 30px 60px -12px #0009,0 18px 36px -18px #0006,0 0 0 1px #ffffff1a;overflow:hidden;position:relative}.image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.2) 100%);z-index:2}.image-overlay{position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 50%,transparent 100%);border-radius:40px;z-index:-1;filter:blur(20px)}.image-glow{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 70%);border-radius:50px;z-index:-2;pointer-events:none}.service-stats{display:flex;gap:2rem;margin-top:2rem;justify-content:center}.stat{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:1.5rem 2rem;border-radius:20px;text-align:center;min-width:120px}.stat-value{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.stat-label{font-size:.85rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-weight:500}.progress-indicator{position:fixed;right:3rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;z-index:100}.progress-dot{position:relative;width:14px;height:14px;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .4s cubic-bezier(.22,1,.36,1);padding:0;outline:none}.progress-dot:hover{transform:scale(1.3);background:#fff6;border-color:#ffffff80}.progress-dot.active{background:#fff;transform:scale(1.5);box-shadow:0 0 25px #fff9;border-color:#fff}.progress-label{position:absolute;right:30px;top:50%;transform:translateY(-50%);opacity:0;font-size:1.5rem;pointer-events:none;transition:opacity .3s,transform .3s;white-space:nowrap}.progress-dot:hover .progress-label{opacity:1;transform:translateY(-50%) translate(-10px)}.scroll-hint{position:fixed;bottom:3rem;left:50%;transform:translate(-50%);color:#fff;opacity:.6;z-index:100;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .3s}.scroll-hint:hover{opacity:1}.scroll-hint span{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;font-weight:600}.section-counter{position:fixed;bottom:3rem;right:3rem;font-size:1.5rem;color:#fff;font-weight:300;z-index:100;display:flex;align-items:baseline;gap:.5rem}.section-counter .current{font-size:3rem;font-weight:800;line-height:1}.section-counter .divider{font-size:2rem;opacity:.5}.section-counter .total{font-size:1.5rem;opacity:.6}@media (max-width: 1400px){.content h1{font-size:4.5rem}.image-container{max-width:550px}.image-wrapper{height:450px}}@media (max-width: 1200px){.section{padding:0 5%}.content h1{font-size:4rem}.content h2{font-size:1.8rem}.image-container{max-width:500px}}@media (max-width: 1024px){.section{flex-direction:column;padding:2rem;text-align:center;justify-content:center}.content{max-width:100%}.content h1{font-size:3.5rem}.content h2{font-size:1.6rem}.content p{max-width:100%}.icon-large{font-size:4rem}.image-container{max-width:500px;margin:2rem 0 0}.image-wrapper{height:350px}.service-stats{gap:1rem}.stat{padding:1rem 1.5rem;min-width:100px}.logo{top:1.5rem;left:1.5rem}.progress-indicator{right:1.5rem}.section-counter{bottom:1.5rem;right:1.5rem}}@media (max-width: 768px){.content h1{font-size:2.8rem}.content h2{font-size:1.4rem}.content p{font-size:1.1rem}.icon-large{font-size:3rem}.cta-button{padding:1rem 2rem;font-size:1rem}.image-wrapper{height:280px}.service-stats{flex-wrap:wrap}.stat{min-width:90px}.stat-value{font-size:1.5rem}.logo-icon{width:40px;height:40px;font-size:.9rem}.logo-text{font-size:.65rem}.section-counter .current{font-size:2.5rem}.progress-indicator{gap:1rem;right:1rem}.progress-dot{width:10px;height:10px}}@media (max-width: 480px){.section{padding:1rem}.content h1{font-size:2.2rem}.content h2{font-size:1.2rem}.content p{font-size:1rem;margin-bottom:2rem}.image-wrapper{height:220px}.service-stats{gap:.75rem}.stat{padding:.75rem 1rem;min-width:80px}.stat-value{font-size:1.2rem}.stat-label{font-size:.7rem}.scroll-hint{bottom:1.5rem}.section-counter{bottom:1rem;right:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffffff4d}50%{box-shadow:0 0 40px #fff9}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #00ff88;--primary-dark: #00cc6a;--bg-dark: #0a0e27;--bg-darker: #050812;--text-light: #e0e6ed;--text-gray: #8892a6;--accent-blue: #00d4ff;--accent-purple: #b794f6;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #00d4ff 0%, #00ff88 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-darker);color:var(--text-light);overflow-x:hidden}#root{min-height:100vh}