:root{--bg:#000;--bg-alt:#0a0a0a;--border:#ffffff14;--border-light:#ffffff0a;--text:#fff;--text-secondary:#ffffff80;--text-muted:#ffffff4d;--accent:#00deff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%}::selection{color:#fff;background:#00deff33}body{background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;transition:all .3s}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{max-width:1400px;margin:0 auto;padding:6rem 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-label{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:1rem;font-size:.8rem;font-weight:500}.section-title{letter-spacing:-.03em;font-size:2.8rem;font-weight:700;line-height:1.1}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:1.2rem auto 0;font-size:1.1rem;line-height:1.6}.btn{letter-spacing:.02em;border-radius:100px;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:#fff;transform:translateY(-2px)}.btn-secondary{color:var(--text);border:1px solid var(--border);background:#ffffff0f}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.grid{gap:1.5rem;display:grid}@media (width>=768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.navbar{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);z-index:1000;background:#000000b3;border-radius:100px;justify-content:space-between;align-items:center;width:calc(100% - 4rem);max-width:1200px;padding:.8rem 1.5rem .8rem 2rem;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.navbar-logo{letter-spacing:.02em;cursor:pointer;font-size:1.2rem;font-weight:700}.navbar-logo span{color:var(--accent)}.navbar-links{gap:.2rem;list-style:none;display:flex}.navbar-links a{color:var(--text-secondary);border-radius:50px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s}.navbar-links a:hover{color:var(--text);background:#ffffff0d}.navbar-auth{align-items:center;gap:.6rem;display:flex}.navbar-auth .btn{padding:.5rem 1.2rem;font-size:.85rem}.social-sidebar{z-index:100;flex-direction:column;align-items:center;gap:1.2rem;display:flex;position:fixed;bottom:0;left:2rem}.social-sidebar:after{content:"";background:var(--border);width:1px;height:80px}.social-sidebar a{color:var(--text-secondary);font-size:.9rem;transition:all .3s}.social-sidebar a:hover{color:var(--accent);transform:translateY(-3px)}.scroll-section{z-index:100;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.scroll-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;transition:all .3s}.scroll-dot.active{background:var(--accent);box-shadow:0 0 10px #00deff80}.scroll-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);writing-mode:vertical-rl;margin-top:.5rem;font-size:.65rem}.hero-section{align-items:center;min-height:100vh;padding:8rem 2rem 6rem;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#00deff0f 0%,#0000 60%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{text-align:center;z-index:1;max-width:900px;margin:0 auto;position:relative}.hero-tag{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);border:1px solid #00deff33;border-radius:100px;margin-bottom:2rem;padding:.4rem 1.2rem;font-size:.75rem;font-weight:500;display:inline-block}.hero-title{letter-spacing:-.04em;margin-bottom:1.5rem;font-size:4.5rem;font-weight:700;line-height:1.05}.hero-title em{color:var(--accent);font-style:normal}.hero-subtitle{color:var(--text-secondary);max-width:550px;margin:0 auto 3rem;font-size:1.2rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-stats{background:var(--border);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:5rem;display:grid;overflow:hidden}.hero-stat{background:var(--bg);text-align:center;padding:2rem}.hero-stat-value{color:var(--accent);margin-bottom:.3rem;font-size:2.5rem;font-weight:700;line-height:1}.hero-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.8rem}.features-grid{background:var(--border);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:5rem;display:grid;overflow:hidden}.feature-box{background:var(--bg);text-align:left;padding:2.5rem}.feature-box h3{letter-spacing:-.02em;margin-bottom:.8rem;font-size:1.3rem;font-weight:600}.feature-box p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.project-card{background:var(--bg-alt);border:1px solid var(--border);aspect-ratio:4/5;border-radius:16px;transition:all .4s;position:relative;overflow:hidden}.project-card:hover{border-color:#00deff4d;transform:translateY(-5px)}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.project-card:hover img{transform:scale(1.05)}.project-info{background:linear-gradient(#0000 0%,#000000e6 100%);padding:2rem;position:absolute;bottom:0;left:0;right:0}.project-category{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:.4rem;font-size:.7rem}.project-title{letter-spacing:-.02em;font-size:1.2rem;font-weight:600}.about-section{text-align:center}.about-text{color:var(--text-secondary);max-width:750px;margin:0 auto 4rem;font-size:1.15rem;line-height:1.8}.about-highlights{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.about-highlight{border:1px solid var(--border);text-align:center;border-radius:16px;padding:2.5rem 2rem;transition:all .3s}.about-highlight:hover{background:#00deff05;border-color:#00deff33}.about-highlight-icon{width:48px;height:48px;color:var(--accent);margin:0 auto 1.5rem}.about-highlight h3{margin-bottom:.8rem;font-size:1.2rem;font-weight:600}.about-highlight p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.services-section{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.service-card{border:1px solid var(--border);text-align:center;border-radius:16px;padding:2.5rem 2rem;transition:all .3s}.service-card:hover{border-color:#00deff33;transform:translateY(-4px)}.service-icon{width:40px;height:40px;color:var(--accent);margin:0 auto 1.5rem}.service-card h3{margin-bottom:.8rem;font-size:1.15rem;font-weight:600}.service-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.approach-section{text-align:center}.approach-intro{color:var(--text-secondary);max-width:600px;margin:0 auto 4rem;font-size:1.1rem;line-height:1.7}.approach-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.approach-card{border:1px solid var(--border);text-align:center;border-radius:16px;padding:2.5rem 2rem;transition:all .3s}.approach-card:hover{border-color:#00deff33}.approach-card-icon{width:40px;height:40px;color:var(--accent);margin:0 auto 1.5rem}.approach-card h3{margin-bottom:.8rem;font-size:1.15rem;font-weight:600}.approach-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.pricing-section{text-align:center}.pricing-card{border:1px solid var(--border);border-radius:16px;max-width:600px;margin:0 auto;padding:3rem}.pricing-text{margin-bottom:1rem;font-size:1.15rem;line-height:1.7}.pricing-text em{color:var(--accent);font-style:normal;font-weight:600}.pricing-note{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.testimonials-section{text-align:center;background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.rating-row{justify-content:center;align-items:center;gap:.8rem;margin-bottom:.5rem;display:flex}.rating-stars{color:var(--accent);gap:.2rem;display:flex}.rating-number{font-size:1.3rem;font-weight:600}.rating-label{color:var(--text-secondary);font-size:.85rem}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin-top:3rem;margin-left:auto;margin-right:auto;display:grid}.testimonial-card{border:1px solid var(--border);text-align:left;border-radius:16px;padding:2rem;transition:all .3s}.testimonial-card:hover{border-color:#00deff33}.testimonial-stars{color:var(--accent);gap:.15rem;margin-bottom:1rem;font-size:.85rem;display:flex}.testimonial-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.testimonial-author{color:var(--text);margin-top:1.5rem;font-size:.8rem;font-weight:600}.contact-grid{grid-template-columns:1fr 1.5fr;gap:3rem;max-width:1100px;margin:0 auto;display:grid}.contact-info{flex-direction:column;gap:1rem;display:flex}.contact-item{border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:1rem;padding:1.2rem;transition:all .3s;display:flex}.contact-item:hover{border-color:#00deff26}.contact-item-icon{width:20px;height:20px;color:var(--accent);flex-shrink:0;margin-top:2px}.contact-item h4{margin-bottom:.2rem;font-size:.95rem;font-weight:600}.contact-item p{color:var(--text-secondary);font-size:.85rem}.contact-form{border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1rem;padding:2rem;display:flex}.form-field input,.form-field textarea,.form-field select{border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;background:#ffffff0a;border-radius:12px;outline:none;padding:.9rem 1.2rem;font-family:inherit;font-size:.9rem;transition:all .3s}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-muted)}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--accent);background:#00deff0a;box-shadow:0 0 0 3px #00deff1a}.form-field select{color:var(--text-secondary);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-field select option{background:var(--bg)}.cta-section{text-align:center;padding:8rem 2rem;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#00deff0d 0%,#0000 60%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-section h2{letter-spacing:-.03em;margin-bottom:1rem;font-size:3.5rem;font-weight:700;line-height:1.1}.cta-section p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.footer{border-top:1px solid var(--border);padding:0}.footer-main{justify-content:space-between;gap:3rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex}.footer-brand{max-width:280px}.footer-brand h3{margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.footer-brand h3 span{color:var(--accent)}.footer-brand p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.footer-links{gap:4rem;display:flex}.footer-col h4{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:1.2rem;font-size:.8rem;font-weight:500}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{color:var(--text-secondary);margin-bottom:.7rem;font-size:.9rem;transition:color .3s}.footer-col a{color:var(--text-secondary);transition:color .3s}.footer-col a:hover{color:var(--accent)}.footer-social{flex-direction:column;gap:.6rem;display:flex}.footer-social a{color:var(--text-secondary);font-size:.9rem;transition:color .3s}.footer-social a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border-light);text-align:center;padding:1.5rem 2rem}.footer-bottom p{color:var(--text-muted);font-size:.8rem}.desktop-header{display:block}.mobile-header{display:none}@media (width<=1024px){.hero-title{font-size:3.5rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.projects-grid,.about-highlights{grid-template-columns:repeat(2,1fr)}.social-sidebar{display:none}}@media (width<=768px){section{padding:4rem 1.5rem}.container{padding:0 1.5rem}.navbar{border-radius:50px;width:calc(100% - 2rem);padding:.6rem 1rem;top:1rem}.navbar-links,.navbar-auth .btn-secondary{display:none}.hero-section{padding:6rem 1.5rem 4rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-stats{grid-template-columns:repeat(2,1fr);margin-top:3rem}.hero-stat{padding:1.2rem}.hero-stat-value{font-size:1.8rem}.features-grid{margin-top:3rem}.feature-box{padding:1.5rem}.projects-grid,.about-highlights{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr 1fr}.approach-grid,.testimonials-grid,.contact-grid{grid-template-columns:1fr}.footer-main,.footer-links{flex-direction:column;gap:2rem}.cta-section h2{font-size:2.2rem}.section-title{font-size:2rem}.scroll-section{display:none}}@media (width<=480px){.services-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:center;width:100%}.cta-actions{flex-direction:column;align-items:stretch}.cta-actions .btn{justify-content:center;width:100%}}.auth-page{background:#000;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.auth-orb{filter:blur(80px);pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite alternate orbFloat;position:fixed}.auth-orb-1{background:radial-gradient(circle,#00deff1f 0%,#0000 70%);width:500px;height:500px;animation-duration:9s;top:-150px;right:-100px}.auth-orb-2{background:radial-gradient(circle,#00deff14 0%,#0000 70%);width:350px;height:350px;animation-duration:11s;animation-delay:-3s;bottom:-100px;left:-80px}.auth-orb-3{background:radial-gradient(circle,#00deff0f 0%,#0000 70%);width:250px;height:250px;animation-duration:13s;animation-delay:-6s;top:40%;left:30%}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(30px,20px)scale(1.08)}}.auth-card{z-index:10;-webkit-backdrop-filter:blur(24px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:420px;padding:2.5rem 2.5rem 2rem;animation:.55s cubic-bezier(.22,1,.36,1) both cardIn;position:relative}.auth-card-register{max-width:440px}@keyframes cardIn{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-logo{color:#fff;cursor:pointer;letter-spacing:-.01em;align-items:center;gap:.4rem;width:fit-content;margin-bottom:2rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:1.2rem;font-weight:700;transition:opacity .2s;display:flex}.auth-logo:hover{opacity:.8}.auth-logo-icon{color:#00deff;font-size:1rem}.auth-header{margin-bottom:1.75rem}.auth-title{color:#fff;letter-spacing:-.03em;margin:0 0 .35rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:1.65rem;font-weight:700;line-height:1.2}.auth-subtitle{color:#ffffff73;margin:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:.88rem}.auth-form{flex-direction:column;gap:1.1rem;display:flex}.auth-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;padding:.6rem .85rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:.82rem;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.auth-field{flex-direction:column;gap:.45rem;display:flex}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-label{color:#fff9;font-family:Space Grotesk,system-ui,sans-serif;font-size:.82rem;font-weight:500}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input{color:#fff;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:.9rem;transition:border-color .25s,background .25s,box-shadow .25s}.auth-input::placeholder{color:#ffffff40}.auth-input:focus{background:#00deff0a;border-color:#00deff;box-shadow:0 0 0 3px #00deff1a}.auth-input-icon{display:none}.auth-eye{cursor:pointer;color:#fff6;background:0 0;border:none;padding:0;font-size:.85rem;line-height:1;transition:color .2s;position:absolute;right:.85rem}.auth-eye:hover{color:#ffffffbf}.auth-forgot{cursor:pointer;color:#00deff;background:0 0;border:none;padding:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:.8rem;transition:color .2s}.auth-forgot:hover{color:#66eaff}.auth-strength{align-items:center;gap:.6rem;margin-top:.2rem;display:flex}.auth-strength-bars{flex:1;gap:4px;display:flex}.auth-strength-bar{border-radius:99px;flex:1;height:3px}.auth-strength-label{text-align:right;min-width:36px;font-family:Space Grotesk,system-ui,sans-serif;font-size:.75rem;font-weight:500}.auth-btn{color:#000;cursor:pointer;letter-spacing:.01em;background:#00deff;border:none;border-radius:100px;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:.25rem;padding:.85rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:.95rem;font-weight:600;transition:all .25s;display:flex;position:relative;overflow:hidden}.auth-btn:hover:not(:disabled){background:#fff;transform:translateY(-2px)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn-loading{pointer-events:none}.auth-spinner{border:2.5px solid #0003;border-top-color:#000;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{color:#ffffff40;align-items:center;gap:.75rem;margin:1.25rem 0 .75rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:.78rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.auth-social-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.auth-social-btn{color:#ffffffbf;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:.85rem;font-weight:500;transition:background .2s,border-color .2s,color .2s;display:flex}.auth-social-btn:hover{color:#fff;background:#ffffff14;border-color:#fff3}.auth-switch{text-align:center;color:#fff6;margin-top:1.25rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:.85rem}.auth-switch-btn{cursor:pointer;color:#00deff;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0;font-weight:600;transition:color .2s}.auth-switch-btn:hover{color:#66eaff}.auth-terms{color:#ffffff59;margin:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:.78rem;line-height:1.5}@media (width<=520px){.auth-card{border-radius:18px;padding:2rem 1.5rem 1.75rem}.auth-title{font-size:1.4rem}.auth-social-row{grid-template-columns:1fr}}
