header{background-color:#1a1a1a;padding:0;box-shadow:0 2px 4px #0000001a;width:100%;position:sticky;top:0;z-index:1000}.navbar{width:100%;max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;position:relative}.nav-brand h1{color:#646cff;margin:0;font-size:1.8rem}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-list{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.nav-list a{color:#ffffffde;text-decoration:none;font-weight:500;transition:color .25s;padding:.5rem 0;min-height:44px;display:inline-flex;align-items:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.nav-list a:hover{color:#646cff}.nav-actions{display:flex;align-items:center}.lang-button{color:#ffffffde!important}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.75rem;z-index:1001;min-width:44px;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hamburger{display:block;width:25px;height:20px;position:relative}.hamburger span{display:block;position:absolute;height:3px;width:100%;background:#ffffffde;border-radius:2px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:nth-child(3){top:16px}.hamburger.active span:nth-child(1){top:8px;transform:rotate(135deg)}.hamburger.active span:nth-child(2){opacity:0;left:-60px}.hamburger.active span:nth-child(3){top:8px;transform:rotate(-135deg)}.mobile-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:998}main{width:100%;margin:0 auto;min-height:calc(100vh - 200px)}.hero{min-height:70vh;display:flex;align-items:center;padding:4rem 2rem;background:linear-gradient(135deg,#646cff1a,#ffffff0d)}.hero-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text h2{font-size:3.5rem;line-height:1.1;margin-bottom:1.5rem;color:#646cff;border:none}.hero-text p{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;color:#fffc}.hero-buttons{display:flex;gap:1rem}.btn-primary,.btn-secondary{padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s;text-decoration:none;display:inline-block}.btn-primary{background-color:#646cff;color:#fff}.btn-primary:hover{background-color:#535bf2;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:#646cff;border:2px solid #646cff}.btn-secondary:hover{background-color:#646cff;color:#fff}.code-preview{background-color:#1e1e1e;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.code-header{background-color:#2d2d2d;padding:1rem;display:flex;align-items:center;gap:1rem;color:#ffffffb3;font-size:.9rem}.code-dots{display:flex;gap:.5rem}.code-dots span{width:12px;height:12px;border-radius:50%;background-color:#ffffff4d}.code-dots span:first-child{background-color:#ff5f56}.code-dots span:nth-child(2){background-color:#ffbd2e}.code-dots span:nth-child(3){background-color:#27ca3f}.code-content{padding:1.5rem;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5;color:#e6e6e6}.two-column{padding:4rem 2rem}.content-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.column-left h2{color:#646cff;border-bottom:2px solid #646cff;padding-bottom:.5rem;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.stat-card{background-color:#ffffff0d;padding:1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);text-align:center}.stat-card h4{color:#646cff;margin:0 0 .5rem;font-size:1.2rem}.stat-card p{margin:0;color:#fffc;font-size:.9rem}.services-grid{padding:4rem 0 5rem;background-color:#ffffff05;overflow:visible}.services-grid h2{text-align:center;color:#646cff;margin-bottom:3rem;font-size:2.5rem;padding:0 2rem}.services-container{display:flex;gap:2rem;padding:1rem 0 2rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none}.services-container:before{content:"";flex:0 0 6rem}.services-container:after{content:"";flex:0 0 2rem}.services-container::-webkit-scrollbar{display:none}.services-container:active{cursor:grabbing}.service-card[data-clone=true]{opacity:1}.service-card{background-color:#ffffff0d;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:center;transition:all .3s ease;flex:0 0 280px;min-height:200px;display:flex;flex-direction:column;justify-content:center;position:relative;box-shadow:0 4px 15px #0003,inset 0 1px #ffffff1a}.service-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 30px #646cff40,0 6px 15px #0000001a,inset 0 1px #fff3;border-color:#646cff80;z-index:10}.service-icon{font-size:3rem;margin-bottom:1rem;transition:transform .3s ease}.service-card:hover .service-icon{transform:scale(1.05) rotate(3deg)}.service-card h3{color:#646cff;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.service-card p{color:#fffc;font-size:.95rem;line-height:1.5;margin:0}.drag-hint{display:block;text-align:center;color:#ffffff80;font-size:.9rem;margin-top:2rem;font-style:italic}.contact-section{padding:4rem 2rem}.contact-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info h2{color:#646cff;margin-bottom:1.5rem;font-size:2.5rem}.contact-details{margin-top:2rem}.contact-item{margin-bottom:1rem;color:#fffc}.contact-item strong{color:#646cff}.author-note{margin-top:2rem;padding:1rem;background-color:#646cff1a;border-radius:8px;border-left:3px solid #646cff}.author-note p{margin:0;color:#ffffffe6;font-size:.9rem}.contact-form{background-color:#ffffff0d;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#ffffffde}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.3);border-radius:6px;background-color:#ffffff0d;color:#ffffffde;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.image-upload-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#646cff!important;font-weight:500}.image-upload-input{margin-top:.5rem!important}.image-upload-input::-webkit-file-upload-button{background-color:#646cff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-right:1rem;font-size:.9rem}.image-upload-input::-webkit-file-upload-button:hover{background-color:#5a5fcf}.upload-info{margin-top:.5rem}.upload-info small{color:#fff9;font-size:.8rem}.success-message,.error-message{margin:1rem 0;padding:1rem;border-radius:8px;text-align:center}.success-message{background-color:#4caf5033;border:1px solid rgba(76,175,80,.5);color:#4caf50}.error-message{background-color:#f4433633;border:1px solid rgba(244,67,54,.5);color:#f44336}.success-message p,.error-message p{margin:0;font-weight:500}footer{background-color:#1a1a1a;padding:3rem 2rem 1rem;border-top:1px solid rgba(255,255,255,.1);width:100%}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{color:#646cff;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#ffffffb3;text-decoration:none;transition:color .25s}.footer-section a:hover{color:#646cff}.social-links{display:flex;gap:1rem}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{margin:0;color:#fff9}@media (max-width: 1200px){.hero-content,.content-wrapper,.contact-wrapper{grid-template-columns:1fr;gap:2rem}.service-card{flex:0 0 250px}.footer-content{grid-template-columns:1fr;gap:2rem}}@media (max-width: 1024px){.navbar{padding:1rem 1.5rem}.mobile-menu-toggle{display:block}.nav-menu{position:fixed;top:0;left:-100%;width:100%;height:100vh;background-color:#1a1a1afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;transition:left .3s ease;z-index:999}.nav-menu.active{left:0}.nav-list{flex-direction:column;gap:2rem;text-align:center;margin-bottom:2rem}.nav-list a{font-size:1.4rem;padding:1rem;display:block;transition:all .3s ease}.nav-list a:hover{color:#646cff;transform:translateY(-2px)}.nav-actions{margin-top:1rem}footer{padding:2.5rem 1.5rem 1rem}.footer-content{gap:1.8rem;margin-bottom:1.5rem}}@media (max-width: 768px){.navbar{padding:1rem}.nav-brand h1,.nav-list a{font-size:1.5rem}.lang-button{font-size:1.2rem!important}.hero{padding:2rem 1rem}.hero-text h2{font-size:2.5rem}.service-card{flex:0 0 220px;padding:1.5rem}.services-container{padding:1rem 0 2rem}.services-container:before{flex:0 0 4rem}.services-container:after{flex:0 0 1rem}.services-grid h2{font-size:2rem}.stats-grid,.form-row{grid-template-columns:1fr}.social-links{justify-content:center}footer{padding:2rem 1rem 1rem}.footer-content{gap:1.5rem;margin-bottom:1rem}.footer-section h3{font-size:1.2rem;margin-bottom:.5rem}.footer-section h4{font-size:1rem;margin-bottom:.5rem}.footer-section p{font-size:.9rem;line-height:1.4;margin-bottom:.8rem}.footer-section ul li{margin-bottom:.3rem}.footer-section a{font-size:.9rem}.footer-bottom{padding-top:1rem}.footer-bottom p{font-size:.8rem}}@media (max-width: 480px){.navbar{padding:.75rem}.nav-brand h1{font-size:1.3rem}.hero-text h2{font-size:2rem}.hero-text p{font-size:1rem}.btn-primary,.btn-secondary{padding:.8rem 1.5rem;font-size:.9rem}footer{padding:1.5rem .75rem .75rem}.footer-content{gap:1rem;margin-bottom:.75rem}.footer-section{text-align:center}.footer-section h3{font-size:1.1rem;margin-bottom:.4rem}.footer-section h4{font-size:.95rem;margin-bottom:.4rem}.footer-section p{font-size:.85rem;line-height:1.3;margin-bottom:.6rem}.footer-section ul li{margin-bottom:.2rem}.footer-section a{font-size:.85rem}.footer-bottom{padding-top:.75rem}.footer-bottom p{font-size:.75rem}.footer-section:first-child p{display:none}}@media (prefers-reduced-motion: reduce){.nav-menu,.hamburger span,.nav-list a{transition:none}}.mobile-menu-toggle:focus{outline:2px solid #646cff;outline-offset:2px;border-radius:4px}.nav-list a:focus{outline:2px solid #646cff;outline-offset:2px;color:#646cff;border-radius:4px}html{scroll-behavior:smooth}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){.nav-menu{will-change:transform}}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:2rem;color:#646cff;font-size:1.1rem;position:relative}.loading-spinner:after{content:"";width:20px;height:20px;margin-left:10px;border:2px solid #646cff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: light){header{background-color:#fff;box-shadow:0 2px 4px #0000001a}.nav-list a{color:#213547}.nav-list a:hover{color:#646cff}.lang-button{color:#213547!important}.hamburger span{background:#213547}.nav-menu{background-color:#fffffffa}.hero-text p{color:#213547cc}.code-preview{background-color:#f8f9fa;box-shadow:0 10px 30px #0000001a}.code-header{background-color:#e9ecef;color:#213547b3}.code-content{color:#495057}.stat-card{background-color:#0000000d;border:1px solid rgba(0,0,0,.1)}.stat-card p{color:#213547cc}.services-grid{background-color:#00000005}.service-card{background-color:#0000000d;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 15px #0000001a,inset 0 1px #0000000d}.service-card:hover{box-shadow:0 12px 30px #646cff26,0 6px 15px #0000001a,inset 0 1px #0000001a}.service-card p{color:#213547cc}.drag-hint{color:#21354780}.contact-item{color:#213547cc}.author-note{background-color:#646cff1a}.author-note p{color:#213547e6}.contact-form{background-color:#0000000d;border:1px solid rgba(0,0,0,.1)}.form-group label{color:#213547}.form-group input,.form-group textarea{border:1px solid rgba(0,0,0,.3);background-color:#0000000d;color:#213547}.upload-info small{color:#21354799}footer{background-color:#fff;border-top:1px solid rgba(0,0,0,.1)}.footer-section a{color:#213547b3}.footer-section a:hover{color:#646cff}.footer-bottom{border-top:1px solid rgba(0,0,0,.1)}.footer-bottom p{color:#21354799}.loading-spinner{color:#646cff}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:inherit;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;min-height:100vh;margin:0;padding:0}