*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--bg-alt: #161b27;--card-bg: #1c2333;--card-border: #30363d;--blue: #1B5CB5;--blue-glow: rgba(27, 92, 181, .35);--orange: #F5A623;--orange-glow: rgba(245, 166, 35, .2);--white: #e6edf3;--muted: #7d8590;--green: #7ee787;--purple: #d2a8ff;--string: #a5d6ff}[data-theme=light]{--bg: #f4f6fb;--bg-alt: #ffffff;--card-bg: #ffffff;--card-border: #e2e8f0;--blue: #1B5CB5;--blue-glow: rgba(27, 92, 181, .15);--orange: #F5A623;--orange-glow: rgba(245, 166, 35, .15);--white: #1a1a2e;--muted: #5a6a8a;--green: #7ee787;--purple: #d2a8ff;--string: #a5d6ff}[data-theme=light] nav{background:#ffffffe6;border-bottom:1px solid var(--card-border)}[data-theme=light] .logo,[data-theme=light] nav ul a{color:#1a1a2e}[data-theme=light] nav ul a:hover{color:var(--orange)}[data-theme=light] .hero{background:var(--blue)}[data-theme=light] .hero h1,[data-theme=light] .hero-sub{color:#fff}[data-theme=light] .section-label{color:var(--orange)}[data-theme=light] .card{box-shadow:0 2px 12px #0000000f}[data-theme=light] .card:hover{box-shadow:0 8px 32px #1b5cb51f}[data-theme=light] footer{background:#e2e8f0;color:#5a6a8a}body{font-family:Nunito,sans-serif;color:var(--white);background:var(--bg)}.mono{font-family:JetBrains Mono,monospace}nav{position:sticky;top:0;z-index:100;background:#0d1117d9;backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1100px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.4rem;font-weight:700}nav ul{list-style:none;display:flex;gap:2rem;align-items:center}nav ul a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.95rem;transition:color .2s}nav ul a:hover{color:var(--white)}.theme-btn{background:var(--card-bg);border:1px solid var(--card-border);border-radius:999px;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:border-color .2s,transform .2s}.theme-btn:hover{border-color:var(--orange);transform:rotate(20deg)}.icon-light,[data-theme=light] .icon-dark{display:none}[data-theme=light] .icon-light{display:inline}.btn-nav{background:var(--orange)!important;color:#0d1117!important;padding:.4rem 1.1rem;border-radius:999px;font-weight:700!important;transition:opacity .2s!important}.btn-nav:hover{opacity:.85}.hero{min-height:90vh;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1100px;margin:0 auto;padding:5rem 2rem;position:relative}.hero:before{content:"";position:absolute;top:-100px;left:-200px;width:600px;height:600px;background:radial-gradient(circle,var(--blue-glow) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1}.hero-tag{font-size:.9rem;color:var(--orange);margin-bottom:1.25rem;letter-spacing:.5px}.hero h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:800;line-height:1.12;margin-bottom:1.25rem;color:var(--white)}.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.75;margin-bottom:2rem}.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}.hero-visual{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.dev-svg{width:100%;max-width:420px;filter:drop-shadow(0 0 30px var(--blue-glow))}.cur{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hand-l{transform-box:fill-box;transform-origin:center bottom;animation:type-l .28s ease-in-out infinite alternate}.hand-r{transform-box:fill-box;transform-origin:center bottom;animation:type-r .28s ease-in-out infinite alternate}@keyframes type-l{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes type-r{0%{transform:translateY(-5px)}to{transform:translateY(0)}}.f1{animation:float 4s ease-in-out infinite}.f2{animation:float 5s ease-in-out infinite .8s}.f3{animation:float 3.5s ease-in-out infinite .4s}.f4{animation:float 4.5s ease-in-out infinite 1.2s}@keyframes float{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-9px);opacity:.9}}.btn-primary{background:var(--orange);color:#0d1117;padding:.75rem 1.8rem;border-radius:999px;font-weight:800;font-size:1rem;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-block}.btn-primary:hover{opacity:.85;transform:translateY(-2px)}.btn-primary.large{font-size:1.15rem;padding:1rem 2.5rem}.btn-secondary{background:transparent;color:var(--white);padding:.75rem 1.8rem;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;border:1px solid var(--card-border);transition:border-color .2s,transform .2s;display:inline-block}.btn-secondary:hover{border-color:var(--orange);transform:translateY(-2px)}.section{padding:5rem 2rem}.section.alt{background:var(--bg-alt)}.section.contact-section{background:linear-gradient(135deg,#0d1117,#0f1e3d);text-align:center}.container{max-width:1100px;margin:0 auto}.section-label{font-size:.85rem;color:var(--orange);margin-bottom:.5rem;letter-spacing:.5px}h2{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;margin-bottom:.5rem;color:var(--white)}.section-sub{color:var(--muted);font-size:1.05rem;margin-bottom:2.5rem}.services-intro{max-width:720px;font-size:1rem;color:var(--muted);line-height:1.8;margin-bottom:2.5rem;border-left:3px solid var(--orange);padding-left:1.25rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.75rem;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 0 20px var(--blue-glow)}.card-icon{font-size:1.75rem;margin-bottom:1rem}.card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem;color:var(--white)}.card p{color:var(--muted);line-height:1.65;font-size:.95rem}.card-tag{display:inline-block;background:#1b5cb540;color:#7ba7e0;font-size:.72rem;font-weight:700;padding:.2rem .7rem;border-radius:999px;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(27,92,181,.4);font-family:JetBrains Mono,monospace}.card-tag.in-progress{background:#f5a62326;color:var(--orange);border-color:#f5a6234d}.carousel-track-wrap{overflow:hidden;width:100%;padding:2rem 0;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.carousel-track{display:flex;gap:2rem;width:max-content;animation:scroll-logos 16s linear infinite;will-change:transform}.carousel-track:hover{animation-play-state:paused}.logo-slide{display:flex;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:1.5rem 2.5rem;min-width:260px;min-height:140px;transition:border-color .2s,box-shadow .2s}.logo-slide:hover{border-color:var(--orange);box-shadow:0 0 20px var(--orange-glow)}.logo-slide img{max-height:100px;max-width:240px;width:auto;height:auto;object-fit:contain;opacity:.85;transition:opacity .2s}.logo-slide:hover img{opacity:1}.logo-slide img.logo-big{max-height:130px;max-width:200px}@keyframes scroll-logos{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h2{margin-bottom:1.25rem}.about-text p{color:var(--muted);line-height:1.8;margin-bottom:1rem;font-size:1rem}.about-text strong{color:var(--white)}.about-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.avatar-img-frame{width:280px;height:280px;border-radius:50%;overflow:hidden;border:3px solid var(--orange);box-shadow:0 0 40px var(--blue-glow),0 0 0 6px #f5a62326}.avatar-img{width:100%;height:100%;object-fit:cover;object-position:center top}.avatar-badge{font-size:1.3rem;font-weight:700;color:var(--white)}.steps{display:flex;align-items:flex-start;gap:0;flex-wrap:wrap}.step{flex:1;min-width:180px;display:flex;flex-direction:column;gap:1rem;padding:1.75rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;transition:border-color .2s,box-shadow .2s}.step:hover{border-color:var(--orange);box-shadow:0 0 20px var(--orange-glow)}.step-num{font-size:2rem;font-weight:700;color:var(--orange);line-height:1}.step-content h3{font-size:1rem;font-weight:700;margin-bottom:.4rem}.step-content p{font-size:.88rem;color:var(--muted);line-height:1.65}.step-arrow{display:flex;align-items:center;padding:0 .5rem;font-size:1.5rem;color:var(--orange);opacity:.5;margin-top:2.5rem}@media(max-width:768px){.steps{flex-direction:column}.step-arrow{transform:rotate(90deg);align-self:center;margin-top:0}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.contact-info h2{margin-bottom:1rem;color:#fff}.contact-info p{color:#ffffffb3;line-height:1.7;margin-bottom:1.5rem}.contact-section h2{color:#fff}.contact-section .section-label{color:var(--orange)}.contact-email{display:inline-block;color:var(--orange);font-weight:700;text-decoration:none;font-family:JetBrains Mono,monospace;font-size:.9rem}.contact-email:hover{text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.85rem;font-weight:600;color:#ffffffb3}.form-group input,.form-group textarea{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.75rem 1rem;color:var(--white);font-family:Nunito,sans-serif;font-size:.95rem;transition:border-color .2s;resize:none}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--orange)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted)}@media(max-width:768px){.contact-grid{grid-template-columns:1fr;gap:2rem}}.card-clickable{cursor:pointer}.feature-list{list-style:none;margin:1rem 0;display:flex;flex-direction:column;gap:.35rem}.feature-list li{font-size:.82rem;color:var(--muted)}.feature-list li span{color:var(--orange);margin-right:.4rem}.card-demo-btn{display:inline-block;margin-top:.25rem;color:var(--orange);font-weight:700;font-size:.9rem;font-family:JetBrains Mono,monospace;cursor:pointer}.modal-overlay{display:none;position:fixed;inset:0;background:#000000bf;z-index:999;align-items:center;justify-content:center;padding:1.5rem;backdrop-filter:blur(4px)}.modal-overlay.active{display:flex}.modal-box{background:var(--bg-alt);border:1px solid var(--card-border);border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--card-bg);border:1px solid var(--card-border);color:var(--white);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center}.modal-header{margin-bottom:1.5rem}.modal-header h3{font-size:1.4rem;font-weight:800;margin:.5rem 0}.modal-header p{color:var(--muted);line-height:1.65}.modal-screenshots{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.screenshot-wrap img{cursor:zoom-in}.lightbox{display:none;position:fixed;inset:0;background:#000000eb;z-index:1100;align-items:center;justify-content:center;cursor:zoom-out;padding:2rem}.lightbox.active{display:flex}.lightbox img{max-width:95vw;max-height:90vh;border-radius:8px;box-shadow:0 0 60px #000c}.screenshot-wrap img{width:100%;border-radius:8px;border:1px solid var(--card-border);display:block}.screenshot-label{display:block;font-size:.75rem;color:var(--orange);margin-bottom:.4rem}.modal-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mf-item{display:flex;gap:.75rem;align-items:flex-start}.mf-icon{font-size:1.3rem;flex-shrink:0;margin-top:.1rem}.mf-item strong{display:block;font-size:.95rem;margin-bottom:.2rem}.mf-item p{font-size:.85rem;color:var(--muted);line-height:1.5;margin:0}@media(max-width:640px){.modal-screenshots,.modal-features{grid-template-columns:1fr}}footer{background:#080c12;text-align:center;padding:1.5rem;color:var(--muted);font-size:.85rem;border-top:1px solid var(--card-border)}.accent{color:var(--orange)}@media(max-width:768px){.hero{grid-template-columns:1fr;text-align:center;padding:3rem 1.5rem;min-height:auto}.hero-btns{justify-content:center}.hero-visual{display:none}nav ul{display:none}.about-grid{grid-template-columns:1fr}.about-logo{display:none}}