:root{--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--bg-dark: #0a0f1e;--bg-card: #0d1628;--bg-card-hover: #111c35;--color-primary: #0ea2bd;--color-primary-dark: #0b8fa7;--border-subtle: rgba(14, 162, 189, .15);--text-muted: #8892b0;--text-main: #cdd6f4;scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.section-label{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.5rem;display:block}.section-header{margin-bottom:3rem}.section-header h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem}.section-desc{color:var(--text-muted);max-width:600px;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.container-fluid{padding:0 1.5rem}.row{display:flex;flex-wrap:wrap;margin:0 -.75rem}.row>*{padding:0 .75rem}.g-4>*{margin-bottom:1.5rem}.g-5>*{margin-bottom:2rem}.g-3>*{margin-bottom:1rem}.col-6{width:50%}.col-12{width:100%}@media (min-width: 576px){.col-sm-12{width:100%}}@media (min-width: 768px){.col-md-3{width:25%}.col-md-6{width:50%}}@media (min-width: 992px){.col-lg-3{width:25%}.col-lg-4{width:33.333%}.col-lg-5{width:41.666%}.col-lg-7{width:58.333%}.col-lg-8{width:66.666%}.col-lg-12{width:100%}}@media (min-width: 1200px){.col-xl-4{width:33.333%}}.text-center{text-align:center}.text-lg-end{text-align:left}@media (min-width: 992px){.text-lg-end{text-align:right}}.d-none{display:none}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.gap-3{gap:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.me-2{margin-right:.5rem}.me-3{margin-right:1rem}.mt-4{margin-top:1.5rem}.px-4{padding-left:1.5rem;padding-right:1.5rem}.min-vh-100{min-height:100vh}@media (min-width: 992px){.d-lg-flex{display:flex!important}.mt-lg-0{margin-top:0!important}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(14,162,189,.1);border:1px solid var(--border-subtle);border-radius:50px;padding:.4rem 1rem;font-size:.85rem;color:var(--color-primary);margin-bottom:1.5rem}.badge-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:background .3s,box-shadow .3s}.navbar.scrolled{background:rgba(10,15,30,.95);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--border-subtle)}.navbar-inner{display:flex;align-items:center;justify-content:space-between}.navbar-brand{font-family:var(--font-mono);font-size:1.1rem;font-weight:500;color:#fff}.navbar-brand span{color:var(--color-primary)}.nav-links{display:flex;list-style:none;gap:2rem;align-items:center}.nav-links a{color:var(--text-muted);font-size:.9rem;transition:color .2s}.nav-links a:hover{color:#fff}.nav-cta{background:var(--color-primary);color:#fff!important;padding:.5rem 1.2rem;border-radius:6px;font-weight:500}.nav-cta:hover{background:var(--color-primary-dark);color:#fff!important}.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media (max-width: 768px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(10,15,30,.97);flex-direction:column;padding:1.5rem;gap:1.5rem;border-top:1px solid var(--border-subtle)}.nav-links.open{display:flex}}.hero-modern{position:relative;overflow:hidden;padding-top:80px}.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:60px 60px;opacity:.4;pointer-events:none}.hero-headline{font-size:clamp(2.2rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#fff}.hero-headline-accent{background:linear-gradient(135deg,var(--color-primary),#7b5cfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subheadline{font-size:1.1rem;color:var(--text-muted);max-width:520px;margin-bottom:2rem;line-height:1.7}.hero-stack-chips{display:flex;flex-wrap:wrap;gap:.5rem}.stack-chip{font-family:var(--font-mono);font-size:.75rem;padding:.3rem .8rem;border-radius:4px;background:rgba(14,162,189,.1);border:1px solid var(--border-subtle);color:var(--color-primary)}.btn-hero-primary{display:inline-block;background:var(--color-primary);color:#fff;padding:.85rem 2rem;border-radius:8px;font-weight:600;font-size:.95rem;transition:background .2s,transform .2s}.btn-hero-primary:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-2px)}.btn-hero-secondary{display:inline-block;border:1px solid var(--border-subtle);color:var(--text-main);padding:.85rem 2rem;border-radius:8px;font-weight:500;transition:border-color .2s,background .2s}.btn-hero-secondary:hover{border-color:var(--color-primary);color:#fff;background:rgba(14,162,189,.05)}.hero-code-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;width:280px;font-family:var(--font-mono)}.code-card-header{display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;background:rgba(255,255,255,.03);border-bottom:1px solid var(--border-subtle)}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.code-card-title{font-size:.75rem;color:var(--text-muted);margin-left:.5rem}.code-card-body{padding:1rem}.code-line{display:flex;justify-content:space-between;font-size:.78rem;margin-bottom:.5rem}.code-key{color:#7b5cfa}.code-val,.code-val.status-green{color:#22c55e}.stats-bar{padding:3rem 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:rgba(14,162,189,.03)}.stats-row{text-align:center}.stat-item{padding:1.5rem}.stat-item+.stat-item{border-left:1px solid var(--border-subtle)}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:var(--color-primary);line-height:1}.stat-label{display:block;font-size:.85rem;color:var(--text-muted);margin-top:.3rem}.services-modern{padding:5rem 0}.service-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.8rem;height:100%;transition:border-color .3s,transform .3s,background .3s}.service-card:hover{border-color:var(--color-primary);background:var(--bg-card-hover);transform:translateY(-4px)}.service-card.featured{border-color:#0ea2bd66}.service-icon{width:48px;height:48px;background:rgba(14,162,189,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;font-size:1.3rem;color:var(--color-primary)}.service-card h3{font-size:1.05rem;font-weight:600;color:#fff;margin-bottom:.6rem}.service-card p{font-size:.88rem;color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.service-tags{display:flex;flex-wrap:wrap;gap:.4rem}.service-tags span{font-size:.7rem;padding:.2rem .6rem;background:rgba(14,162,189,.08);border:1px solid var(--border-subtle);border-radius:4px;color:var(--color-primary);font-family:var(--font-mono)}.portfolio-modern{padding:5rem 0}.portfolio-flters{display:flex;list-style:none;gap:.5rem;margin-bottom:2rem}.portfolio-flters li{padding:.4rem 1.2rem;border-radius:50px;border:1px solid var(--border-subtle);font-size:.85rem;cursor:pointer;color:var(--text-muted);transition:all .2s}.portfolio-flters li:hover,.portfolio-flters li.filter-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.portfolio-card{position:relative;border-radius:10px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle)}.portfolio-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.portfolio-overlay{position:absolute;inset:0;background:rgba(10,15,30,.9);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:1.5rem;opacity:0;transition:opacity .3s}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-overlay h4{color:#fff;font-size:1.05rem;margin-bottom:.5rem}.portfolio-overlay p{color:var(--text-muted);font-size:.82rem;margin-bottom:1rem;line-height:1.5}.portfolio-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem}.portfolio-tags span{font-family:var(--font-mono);font-size:.65rem;padding:.15rem .5rem;background:rgba(14,162,189,.2);border:1px solid rgba(14,162,189,.4);border-radius:3px;color:var(--color-primary)}.portfolio-actions{display:flex;gap:.75rem}.portfolio-actions a{width:36px;height:36px;background:rgba(14,162,189,.2);border:1px solid var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:.9rem;transition:background .2s}.portfolio-actions a:hover{background:var(--color-primary);color:#fff}.tech-stack{padding:5rem 0;background:rgba(14,162,189,.02)}.stack-group{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:1.5rem}.stack-group-title{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:1rem}.stack-list{list-style:none}.stack-list li{padding:.4rem 0;font-size:.88rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.04)}.stack-list li:last-child{border-bottom:none}.process-section{padding:5rem 0}.process-step{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:2rem;height:100%;transition:border-color .3s}.process-step:hover{border-color:var(--color-primary)}.step-number{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;color:#0ea2bd33;line-height:1;margin-bottom:1rem}.process-step h4{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.75rem}.process-step p{font-size:.88rem;color:var(--text-muted);line-height:1.7}.cta-modern{padding:5rem 0}.cta-inner{background:linear-gradient(135deg,rgba(14,162,189,.12),rgba(123,92,250,.08));border:1px solid rgba(14,162,189,.3);border-radius:16px;padding:3rem}.cta-inner h2{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.75rem}.cta-inner p{color:var(--text-muted)}.btn-cta{display:inline-block;background:var(--color-primary);color:#fff;padding:.85rem 2rem;border-radius:8px;font-weight:600;font-size:.95rem;transition:background .2s,transform .2s}.btn-cta:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-2px)}.faq-modern{padding:5rem 0}.faq-item{border:none;border-bottom:1px solid var(--border-subtle);background:transparent}.faq-btn{width:100%;text-align:left;background:none;border:none;padding:1.2rem 0;font-size:.95rem;font-weight:500;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color .2s}.faq-btn:hover{color:var(--color-primary)}.faq-btn .icon{font-size:1rem;transition:transform .3s;color:var(--color-primary)}.faq-btn.open .icon{transform:rotate(45deg)}.faq-answer{overflow:hidden;max-height:0;transition:max-height .35s ease}.faq-answer.open{max-height:300px}.faq-answer p{padding:0 0 1.2rem;color:var(--text-muted);font-size:.9rem;line-height:1.7}.contact-modern{padding:5rem 0}.contact-info-block{display:flex;flex-direction:column;gap:1.5rem}.contact-info-item{display:flex;align-items:flex-start;gap:1rem}.contact-icon{width:44px;height:44px;background:rgba(14,162,189,.1);border:1px solid var(--border-subtle);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:1.1rem;flex-shrink:0}.contact-info-item h5{font-size:.85rem;color:var(--text-muted);margin-bottom:.2rem}.contact-info-item a,.contact-info-item p{font-size:.95rem;color:var(--text-main)}.contact-form-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:2rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.form-control{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);border-radius:8px;padding:.75rem 1rem;color:var(--text-main);font-family:var(--font-body);font-size:.95rem;transition:border-color .2s;outline:none}.form-control:focus{border-color:var(--color-primary)}.form-control::placeholder{color:#8892b080}textarea.form-control{resize:vertical;min-height:130px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 576px){.form-row{grid-template-columns:1fr}}.btn-submit{width:100%;padding:.9rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.btn-submit:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.recaptcha-notice{font-size:.75rem;color:var(--text-muted);margin-top:.75rem;text-align:center;opacity:.7}.recaptcha-notice a{color:var(--text-muted);text-decoration:underline}.alert{padding:.9rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.alert-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.alert-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.blog-section{padding:5rem 0;background:rgba(14,162,189,.02)}.blog-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.blog-filter-btn{padding:.35rem 1rem;border-radius:50px;border:1px solid var(--border-subtle);background:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s}.blog-filter-btn:hover,.blog-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.blog-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .3s,transform .3s;display:flex;flex-direction:column;height:100%;position:relative}.blog-card:hover{border-color:var(--color-primary);transform:translateY(-4px)}.blog-featured-badge{position:absolute;top:1rem;right:1rem;background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .6rem;border-radius:50px;letter-spacing:.05em;text-transform:uppercase}.blog-card-body{padding:1.5rem 1.5rem 1rem;flex:1}.blog-category{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.75rem}.blog-card h3{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.75rem;line-height:1.4}.blog-card p{font-size:.86rem;color:var(--text-muted);line-height:1.6}.blog-card-footer{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);font-size:.78rem;color:var(--text-muted)}.blog-read-link{margin-left:auto;color:var(--color-primary);font-weight:500;font-size:.82rem}.blog-loading{text-align:center;color:var(--text-muted);padding:3rem}.blog-modal-overlay{position:fixed;inset:0;background:rgba(5,8,18,.92);backdrop-filter:blur(6px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto}.blog-modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;width:100%;max-width:760px;position:relative;margin:auto}.blog-modal-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.06);border:1px solid var(--border-subtle);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;font-size:.9rem;transition:color .2s,background .2s}.blog-modal-close:hover{color:#fff;background:rgba(255,255,255,.12)}.blog-modal-header{padding:2.5rem 2.5rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.blog-modal-header h2{font-size:clamp(1.2rem,3vw,1.7rem);font-weight:700;color:#fff;margin:.5rem 0 1rem;line-height:1.3}.blog-meta{display:flex;gap:1.5rem;font-size:.83rem;color:var(--text-muted)}.blog-modal-content{padding:2rem 2.5rem 2.5rem;color:var(--text-muted);font-size:.95rem;line-height:1.8}.blog-modal-content h2{font-size:1.15rem;font-weight:600;color:#fff;margin:2rem 0 .75rem}.blog-modal-content h3{font-size:1rem;font-weight:600;color:#cdd6f4;margin:1.5rem 0 .5rem}.blog-modal-content p{margin-bottom:1rem}.blog-modal-content ul,.blog-modal-content ol{margin:.75rem 0 1rem 1.5rem}.blog-modal-content li{margin-bottom:.4rem}.blog-modal-content strong{color:#fff;font-weight:600}.blog-modal-content a{color:var(--color-primary)}.blog-modal-content a:hover{text-decoration:underline}@media (max-width: 600px){.blog-modal-header{padding:2rem 1.5rem 1.2rem}.blog-modal-content{padding:1.5rem}}.about-section{padding:5rem 0}.about-text p{color:var(--text-muted);line-height:1.8;margin-bottom:1.2rem;font-size:.97rem}.about-cta-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.btn-about-primary{display:inline-flex;align-items:center;background:var(--color-primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;transition:background .2s}.btn-about-primary:hover{background:var(--color-primary-dark);color:#fff}.btn-about-secondary{display:inline-flex;align-items:center;border:1px solid var(--border-subtle);color:var(--text-main);padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;transition:border-color .2s}.btn-about-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.about-highlight{display:flex;gap:1rem;align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:1.2rem;transition:border-color .3s}.about-highlight:hover{border-color:var(--color-primary)}.about-highlight-icon{width:40px;height:40px;background:rgba(14,162,189,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:1.1rem;flex-shrink:0}.about-highlight h4{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.4rem}.about-highlight p{font-size:.85rem;color:var(--text-muted);line-height:1.6;margin:0}.about-main{margin-bottom:4rem}.timeline-block{border-top:1px solid var(--border-subtle);padding-top:3rem}.timeline-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:2rem}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:60px;top:0;bottom:0;width:1px;background:var(--border-subtle)}.timeline-item{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;position:relative}.timeline-year{font-family:var(--font-mono);font-size:.78rem;color:var(--color-primary);font-weight:600;width:60px;flex-shrink:0;padding-top:2px}.timeline-dot{width:10px;height:10px;background:var(--color-primary);border-radius:50%;flex-shrink:0;margin-top:5px;position:relative;z-index:1}.timeline-event{font-size:.88rem;color:var(--text-muted);line-height:1.6;padding-top:2px}.footer-modern{padding:3rem 0 2rem;border-top:1px solid var(--border-subtle);text-align:center}.footer-logo{font-family:var(--font-mono);font-size:1.1rem;color:var(--color-primary);margin-bottom:1rem}.footer-socials{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.footer-socials a{width:38px;height:38px;border:1px solid var(--border-subtle);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1rem;transition:color .2s,border-color .2s}.footer-socials a:hover{color:var(--color-primary);border-color:var(--color-primary)}.footer-copy{font-size:.82rem;color:var(--text-muted)}