*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Plus Jakarta Sans,Segoe UI,system-ui,sans-serif;color:#111827;background-color:#f9fafb;background-image:linear-gradient(to right,rgba(16,185,129,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(16,185,129,.12) 1px,transparent 1px);background-size:64px 64px;min-height:100vh}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.app{display:flex;flex-direction:column;min-height:100vh}.navbar{position:sticky;top:0;z-index:10;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(79,70,229,.08)}.navbar-inner{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:24px;justify-content:space-between;flex-wrap:nowrap}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.4px}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#4f46e5,#22d3ee);color:#fff;font-weight:700}.brand-logo{width:36px;height:36px;border-radius:10px;object-fit:cover}.brand-name{font-size:1.05rem}.nav-links{display:flex;gap:18px;flex-wrap:wrap;font-size:.95rem;color:#374151}.nav-links a{padding:6px 0;border-bottom:2px solid transparent;transition:border-color .2s ease}.nav-links a:hover{border-color:#10b981}.nav-links a.active{border-color:#4f46e5;color:#4f46e5}.nav-actions{display:inline-flex;align-items:center;gap:50px;flex-shrink:0}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;border-radius:10px;border:1px solid rgba(79,70,229,.2);background:#eef2ff;cursor:pointer}.nav-toggle span{width:18px;height:2px;background:#4f46e5;border-radius:999px;transition:transform .2s ease,opacity .2s ease}.nav-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-nav{display:none;flex-direction:column;gap:12px;padding:0 24px 16px;background:#f9fafbfa;border-bottom:1px solid rgba(79,70,229,.18)}.mobile-nav a{padding:8px 0;font-weight:600;color:#374151}.mobile-nav a.active{color:#4f46e5}.language-switcher{position:static;display:inline-flex;z-index:10;position:relative}.lang-current{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#eef2ff;border:1px solid rgba(79,70,229,.2);color:#374151;font-size:.85rem;font-weight:600;cursor:pointer;max-width:150px}.lang-current span{white-space:nowrap}.lang-current .chevron{font-size:.7rem;opacity:.7}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:#fff;border:1px solid rgba(79,70,229,.18);border-radius:12px;box-shadow:0 18px 32px #0f172a1f;display:grid;gap:4px;padding:8px;z-index:20}.lang-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:none;background:transparent;color:#374151;font-size:.85rem;cursor:pointer}.lang-option:hover{background:#4f46e514}.flag-img{width:18px;height:12px;border-radius:2px;display:inline-block;object-fit:cover;border:1px solid rgba(79,70,229,.2)}main{flex:1}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:40px;padding:84px 24px 72px;max-width:1200px;margin:0 auto;position:relative;min-height:auto;overflow:hidden}.hero:before{content:"";position:absolute;top:-40px;left:50%;height:calc(100% + 40px);transform:translate(-50%);width:100vw;background-image:linear-gradient(180deg,#f9fafb8c,#f9fafb59);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.hero>*{position:relative;z-index:1}.hero-content{display:flex;flex-direction:column;gap:20px;margin-top:0}.hero-title{margin:0;font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.08;color:#111827}.hero-line{display:block}.hero-subtext{font-size:1.05rem;color:#4b5563;margin:0}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:#eef2ff;color:#4338ca;font-weight:600;font-size:.82rem;width:fit-content;border:1px solid rgba(79,70,229,.25)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:10px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.button.primary{background:linear-gradient(120deg,#4f46e5,#22d3ee);background-size:140% 140%;color:#fff;box-shadow:0 14px 24px #4f46e533}.button.ghost{background:#fff;border-color:#dbe3f5;color:#374151}.button:after{content:"";position:absolute;height:2px;width:48%;bottom:6px;left:10%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7));transform:translate(-130%);transition:transform .35s ease;pointer-events:none}.button:hover:after,.button:focus-visible:after{transform:translate(160%)}.hero-visual{display:grid;place-items:center}.terminal-frame{width:min(440px,100%);border-radius:16px;border:1px solid rgba(79,70,229,.18);background:#fff;box-shadow:0 24px 60px #121a301f;overflow:hidden}.terminal-bar{display:flex;gap:8px;padding:12px 16px;background:#f1f5f9;border-bottom:1px solid rgba(79,70,229,.15)}.terminal-bar span{width:10px;height:10px;border-radius:50%;background:#dbe3f5}.terminal-body{padding:18px;display:grid;gap:10px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;color:#111827}.terminal-line{font-size:.85rem;margin:0;color:#374151}.terminal-line.accent{color:#10b981}.terminal-grid{margin-top:12px;display:grid;gap:12px;border-top:1px dashed rgba(16,185,129,.35);padding-top:12px}.terminal-title{font-weight:700;margin:0 0 4px;color:#111827}.terminal-desc{margin:0;color:#4b5563;font-size:.9rem}.terminal-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:center}.stat-value{font-weight:700;color:#4f46e5;display:block}.stat-label{font-size:.72rem;color:#6b7280}.section{padding:80px 24px;max-width:1200px;margin:0 auto;position:relative}.section:before{content:"";position:absolute;left:24px;right:24px;top:32px;height:1px;background:linear-gradient(90deg,#10b98100,#10b98166,#10b98100)}.portfolio{position:relative;background-image:linear-gradient(to right,rgba(79,70,229,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(79,70,229,.08) 1px,transparent 1px);background-size:80px 80px;border-radius:24px}.section-header{margin-bottom:40px}.section-header.center{text-align:center}.section-header .eyebrow{font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:#4f46e5;font-size:.72rem;margin-bottom:8px}.section-header h2{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);color:#111827}.section-divider{display:inline-block;width:56px;height:2px;margin-top:12px;margin-bottom:4px;background:linear-gradient(90deg,#4f46e5,#22d3ee);border-radius:999px}.section-subtitle{margin-top:12px;color:#4b5563}.about-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.about-split{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.about-stack{display:grid;gap:16px}.about-code{display:flex;justify-content:center}.code-panel{width:min(420px,100%);border-radius:14px;border:1px solid rgba(79,70,229,.18);background:#fff;box-shadow:0 20px 40px #121a3014;overflow:hidden;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}.code-panel-header{display:flex;gap:8px;padding:10px 14px;background:#f1f5f9;border-bottom:1px solid rgba(79,70,229,.12)}.code-panel-header span{width:9px;height:9px;border-radius:50%;background:#dbe3f5}.code-panel-body{padding:16px;color:#111827;font-size:.82rem;display:grid;gap:6px}.code-panel-body p{margin:0}.code-indent{padding-left:16px}.code-dim{color:#6b7280}.code-divider{height:1px;background:linear-gradient(90deg,#10b98100,#10b98166,#10b98100);margin:8px 0}.about-card{background:#fff;padding:24px;border-radius:16px;border:1px solid rgba(79,70,229,.15)}.card-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.services-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.service-card{min-height:380px;display:flex;flex-direction:column;justify-content:flex-end}.image-card{position:relative;overflow:hidden;background-color:transparent;background-size:cover;background-position:center;background-repeat:no-repeat;border-color:#4f46e533}.service-content{position:relative;z-index:1;background:#ffffffa6;border-radius:12px;padding:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.portfolio-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.card{background:#fff;padding:24px;border-radius:16px;border:1px solid rgba(79,70,229,.15);box-shadow:0 12px 30px #121a3014}.card-underline{display:block;width:52px;height:2px;margin:12px 0 10px;background:linear-gradient(90deg,#4f46e5,#22d3ee);border-radius:999px;transform-origin:left}.card-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5;font-weight:700;margin-bottom:12px;border:1px solid rgba(79,70,229,.2)}.project-card{position:relative}.project-card:focus-visible{outline:2px solid #22d3ee;outline-offset:4px}.project-media{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(79,70,229,.15);margin-bottom:16px;background:#f3f4f6}.project-media img{width:100%;height:180px;object-fit:cover;display:block}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#111827a6,#11182740);color:#f9fafb;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease;display:flex;align-items:flex-end}.project-card:hover .project-overlay{opacity:1;transform:translateY(0)}.overlay-body{padding:16px;display:grid;gap:6px}.overlay-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:#22d3ee}.overlay-title{margin:0;font-weight:600}.overlay-stack{margin:0;font-size:.82rem;color:#f9fafbcc}.overlay-cta{font-size:.8rem;color:#fff;font-weight:600;border:1px solid rgba(34,211,238,.6);background:#22d3ee33;padding:6px 12px;border-radius:999px;width:fit-content;cursor:pointer}.project-tech-icons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}.project-tech-icons span{width:30px;height:30px;border-radius:8px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;font-size:.7rem;font-weight:700;border:1px solid rgba(79,70,229,.18)}.project-page{padding:0}.project-body{max-width:1200px;margin:0 auto;padding:24px 24px 80px}.project-hero-banner{width:100%;height:55vh;min-height:380px;background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:20px;margin-top:-72px}.project-back a{color:#4f46e5;font-weight:600;display:inline-flex;gap:6px;align-items:center}.project-back{margin-bottom:16px}.project-hero{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.project-gallery{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.project-gallery img{width:100%;height:280px;object-fit:cover;border-radius:16px;border:1px solid rgba(79,70,229,.15)}.project-content h2{margin:8px 0;font-size:1.8rem;color:#111827}.project-content p{margin:0 0 18px;color:#4b5563}.project-tech h4,.project-links h4,.project-examples h4{margin:0 0 8px;font-size:.95rem;color:#111827}.project-examples-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.project-example{display:grid;gap:10px;text-align:center;color:inherit;max-width:220px;margin:0 auto}.project-example img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:14px;border:1px solid rgba(79,70,229,.15)}.project-example span{font-weight:600;color:#111827}.modal-tags{display:flex;flex-wrap:wrap;gap:10px}.modal-tags span{background:#f3f4f6;color:#374151;padding:6px 12px;border-radius:999px;font-size:.82rem}.modal-links{display:flex;gap:16px;flex-wrap:wrap}.modal-links a{color:#10b981;font-weight:600}.project-not-found{display:grid;gap:16px;max-width:520px}.project-tag{font-size:.72rem;font-weight:600;color:#4f46e5;background:#eef2ff;padding:4px 10px;border-radius:8px;width:fit-content;margin-bottom:16px}.project-stack{margin-top:16px;font-size:.85rem;color:#6b7280}.contact-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form label{display:flex;flex-direction:column;gap:8px;color:#374151;font-weight:600}.contact-form input,.contact-form textarea{border-radius:10px;border:1px solid #dbe3f5;padding:12px;font-family:inherit;background:#fdfdff;transition:border-color .2s ease,box-shadow .2s ease}.contact-form input:hover,.contact-form textarea:hover{border-color:#10b981}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee33}.contact-info{background:#fff;padding:24px;border-radius:16px;border:1px solid rgba(79,70,229,.15);display:flex;flex-direction:column;gap:16px}.contact-email{display:flex;flex-direction:column;gap:8px}.contact-email a{color:#4f46e5;font-weight:600}.socials span{display:block;margin-bottom:8px;font-weight:600}.social-icons{display:flex;gap:10px}.social-icons a{width:36px;height:36px;border-radius:50%;background:#eef2ff;display:grid;place-items:center;font-weight:600;color:#4f46e5;transition:transform .2s ease;border:1px solid rgba(79,70,229,.2)}.social-icons a:hover{transform:translateY(-3px)}.contact-cta{font-size:1.05rem;color:#111827;font-weight:600}.footer{text-align:center;padding:32px 24px 48px;color:#6b7280}[dir=rtl] .navbar-inner,[dir=rtl] .nav-links{flex-direction:row-reverse}[dir=rtl] .language-switcher{left:24px;right:auto}[dir=rtl] .lang-menu{left:0;right:auto}[dir=rtl] .hero,[dir=rtl] .section,[dir=rtl] .section-header,[dir=rtl] .hero-content,[dir=rtl] .contact-form label{text-align:right}[dir=rtl] .hero-actions{justify-content:flex-end}[dir=rtl] .section-divider,[dir=rtl] .card-underline{transform-origin:right}[dir=rtl] .code-panel-body{direction:ltr;text-align:left}[dir=rtl] .code-indent{padding-left:0;padding-right:16px}[dir=rtl] .terminal-body{direction:ltr}[dir=rtl] .terminal-grid{direction:rtl}[dir=rtl] .terminal-stats{direction:ltr}[dir=rtl] .social-icons{flex-direction:row-reverse}[dir=rtl] .mobile-nav{text-align:right}[dir=rtl] .nav-toggle span{align-self:flex-end}@media (max-width: 960px){.nav-links{display:none}.nav-toggle,.mobile-nav.open{display:flex}.services-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-split,.contact-grid,.project-hero{grid-template-columns:1fr}.project-hero-banner{height:40vh;min-height:260px}}@media (max-width: 720px){.navbar-inner{flex-wrap:wrap;align-items:center}.hero{padding:72px 20px 48px}.section{padding:64px 20px}.project-body{padding:20px 20px 64px}}@media (max-width: 520px){.language-switcher{width:100%;justify-content:space-between}.hero-actions{width:100%}.button{flex:1}.services-grid,.portfolio-grid{grid-template-columns:1fr}.project-hero-banner{height:34vh;min-height:220px}.project-examples-grid{grid-template-columns:1fr}.project-example{max-width:180px}}