:root{--bg:#060a14;--bg-2:#0b1120;--panel:rgba(14,21,37,.72);--panel-solid:#0e1628;--text:#f7f9ff;--text-soft:#c8d1e1;--muted:#8e9bb1;--line:rgba(255,255,255,.085);--line-strong:rgba(255,255,255,.14);--primary:#7867ff;--secondary:#14cfff;--success:#32e78a;--warning:#ffd76b;--shadow:0 28px 70px rgba(0,0,0,.38);--radius:24px;--container:1180px}html[data-theme=light]{--bg:#f5f7fb;--bg-2:#eef2f8;--panel:rgba(255,255,255,.8);--panel-solid:#fff;--text:#111827;--text-soft:#334155;--muted:#64748b;--line:rgba(15,23,42,.09);--line-strong:rgba(15,23,42,.15);--shadow:0 24px 70px rgba(31,41,55,.12)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:92px}body{min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 10% 10%,rgba(120,103,255,.13),transparent 30%),radial-gradient(circle at 88% 18%,rgba(20,207,255,.1),transparent 24%),var(--bg);overflow-x:hidden;line-height:1.7;transition:background-color .3s,color .3s}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.section{padding:112px 0;position:relative}.section-soft{background:rgba(255,255,255,.015);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.noise{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.025;background-image:radial-gradient(circle at 20% 20%,#fff .55px,transparent .7px),radial-gradient(circle at 80% 80%,#fff .55px,transparent .7px);background-size:10px 10px,13px 13px;mix-blend-mode:overlay}.cursor-glow{width:420px;height:420px;position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(120,103,255,.09),transparent 68%);filter:blur(4px)}.gradient-text{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.section-kicker,.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:800;color:var(--secondary);margin-bottom:14px}.section-title{font-size:clamp(38px,5.4vw,66px);line-height:1.04;letter-spacing:-.045em;max-width:780px}.section-copy{color:var(--muted);font-size:17px;max-width:650px;margin-top:24px}.section-heading{margin-bottom:52px}.section-heading.centered{text-align:center}.section-heading.centered .section-title,.section-heading.centered .section-copy{margin-inline:auto}.text-link{display:inline-flex;gap:10px;align-items:center;margin-top:30px;color:var(--text);font-weight:700}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:15px;padding:0 20px;font-weight:800;font-size:14px;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(110deg,var(--primary),#604ff0 42%,var(--secondary));box-shadow:0 14px 38px rgba(94,78,237,.26)}.btn-outline{border-color:var(--line-strong);background:rgba(255,255,255,.025);backdrop-filter:blur(12px)}.btn-sm{min-height:42px;border-radius:12px;padding-inline:17px}.site-header{position:fixed;inset:0 0 auto;height:78px;z-index:1000;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{background:rgba(6,10,20,.78);border-color:var(--line);backdrop-filter:blur(18px)}html[data-theme=light] .site-header.scrolled{background:rgba(245,247,251,.82)}.navbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:900;letter-spacing:-.04em}.brand-photo,.custom-logo-wrap img{width:42px;height:42px;object-fit:cover;border-radius:50%;border:1px solid rgba(20,207,255,.36);box-shadow:0 0 24px rgba(20,207,255,.16)}.custom-logo-wrap a{display:block;line-height:0}.brand-word{white-space:nowrap}.nav-desktop .nav-list,.nav-list{list-style:none;display:flex;gap:29px;align-items:center;margin:0}.nav-list a{color:var(--muted);font-size:14px;font-weight:650;transition:color .2s}.nav-list a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:42px;height:42px;display:grid;place-items:center;cursor:pointer;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.theme-icon{grid-area:1/1;transition:.2s}html[data-theme=dark] .theme-sun{opacity:1}html[data-theme=dark] .theme-moon{opacity:0;transform:scale(.6)}html[data-theme=light] .theme-sun{opacity:0;transform:scale(.6)}html[data-theme=light] .theme-moon{opacity:1}.menu-toggle{display:none;gap:4px}.menu-toggle span{display:block;width:18px;height:2px;border-radius:10px;background:var(--text)}.mobile-menu{display:none}.hero{min-height:100vh;padding:120px 0 30px;position:relative;display:grid;align-items:end;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px;position:relative;z-index:2}.hero-orb{position:absolute;border-radius:50%;pointer-events:none}.hero-orb-one{width:620px;height:620px;left:-260px;top:-200px;background:radial-gradient(circle,rgba(120,103,255,.13),transparent 65%)}.hero-orb-two{width:760px;height:760px;right:-270px;top:30px;background:radial-gradient(circle,rgba(20,207,255,.09),transparent 65%)}.availability-pill{width:fit-content;display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--text-soft);background:rgba(255,255,255,.025);margin-bottom:24px;font-size:12px;font-weight:650}.availability-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(50,231,138,.1),0 0 20px rgba(50,231,138,.65)}.hero h1{max-width:760px;font-size:clamp(47px,6.4vw,78px);line-height:.99;letter-spacing:-.06em;margin-bottom:12px}.hero-role{font-size:clamp(21px,3.5vw,33px);font-weight:850;letter-spacing:-.03em;margin-bottom:23px}.hero-lead{max-width:660px;color:var(--muted);font-size:17px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-meta{display:flex;align-items:center;gap:22px;margin-top:43px}.hero-meta>div{display:flex;flex-direction:column;gap:3px}.meta-value{color:var(--text);font-size:13px;font-weight:800}.meta-label{color:var(--muted);font-size:11px}.meta-divider{height:32px;width:1px;background:var(--line)}.hero-photo-stage{min-height:640px;position:relative;display:flex;align-items:flex-end;justify-content:center}.photo-grid{position:absolute;inset:8% 3% 4%;border-radius:32px;background-image:linear-gradient(rgba(20,207,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(20,207,255,.07) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent)}.hero-photo-glow{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;bottom:2%;background:radial-gradient(circle,rgba(20,207,255,.19),rgba(120,103,255,.12) 35%,transparent 67%);filter:blur(4px)}.hero-person{position:relative;z-index:2;width:min(100%,610px);height:auto;max-height:650px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 30px 45px rgba(0,0,0,.4))}.photo-nameplate{position:absolute;z-index:4;left:5%;bottom:8%;min-width:230px;padding:15px 18px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(7,13,26,.82);backdrop-filter:blur(15px);box-shadow:0 20px 50px rgba(0,0,0,.3)}html[data-theme=light] .photo-nameplate{background:rgba(255,255,255,.9)}.photo-nameplate strong,.photo-nameplate span{display:block}.photo-nameplate strong{font-size:14px}.photo-nameplate span{font-size:10px;color:var(--muted)}.floating-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(7,13,26,.82);font-size:11px;font-weight:800;backdrop-filter:blur(14px);box-shadow:0 15px 45px rgba(0,0,0,.25)}html[data-theme=light] .floating-chip{background:rgba(255,255,255,.92)}.floating-chip span{color:var(--secondary)}.chip-code{top:17%;left:4%;animation:floaty 4.4s ease-in-out infinite}.chip-deploy{top:34%;right:0;animation:floaty 5.1s ease-in-out infinite reverse}@keyframes floaty{50%{transform:translateY(-9px)}}.stack-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.015)}.marquee{overflow:hidden}.marquee-track{width:max-content;min-height:74px;display:flex;align-items:center;gap:30px;padding-right:30px;animation:marquee 30s linear infinite}.marquee-track span{color:var(--text-soft);font-weight:800;font-size:13px;letter-spacing:.04em}.marquee-track i{color:rgba(120,103,255,.68);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.about-side{position:sticky;top:120px}.about-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-card{min-height:280px;padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015)),var(--panel);position:relative;overflow:hidden}.info-card.large-card{grid-column:1/-1;min-height:310px}.card-number{position:absolute;top:24px;right:24px;color:var(--muted);font-family:"JetBrains Mono";font-size:10px}.info-card-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(120,103,255,.22);color:var(--secondary);background:rgba(120,103,255,.09);margin-bottom:55px;font-size:18px}.large-card .info-card-icon{margin-bottom:70px}.info-card h3{font-size:22px;letter-spacing:-.025em;margin-bottom:12px}.info-card p{color:var(--muted);font-size:14px}.profile-banner-section{background:radial-gradient(circle at 50% 35%,rgba(20,207,255,.055),transparent 43%)}.engineer-banner{overflow:hidden;border:1px solid rgba(20,207,255,.21);border-radius:28px;box-shadow:0 28px 85px rgba(0,0,0,.4),0 0 50px rgba(20,207,255,.08);background:#050913}.engineer-banner img{display:block;width:100%;height:auto}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}.skill-card{min-height:220px;padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.02);transition:.25s}.skill-card:hover{transform:translateY(-5px);border-color:rgba(20,207,255,.27);background:rgba(20,207,255,.025)}.skill-symbol{width:55px;height:55px;display:grid;place-items:center;margin-bottom:28px;border-radius:16px;color:#fff;background:linear-gradient(145deg,var(--primary),rgba(20,207,255,.8));font-family:"JetBrains Mono";font-weight:800;font-size:11px}.skill-card h3{font-size:18px;margin-bottom:7px}.skill-card p{color:var(--muted);font-size:12px}.project-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px}.featured-project{display:grid;grid-template-columns:1.16fr .84fr;gap:44px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(120,103,255,.055),rgba(20,207,255,.02));box-shadow:var(--shadow)}.project-showcase{min-width:0}.browser-window{overflow:hidden;border:1px solid var(--line-strong);border-radius:22px;background:var(--panel-solid);box-shadow:0 20px 50px rgba(0,0,0,.24)}.browser-bar{height:48px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:0 14px;border-bottom:1px solid var(--line)}.window-dots{display:flex;gap:7px}.window-dots span{width:9px;height:9px;border-radius:50%;background:#ff6b6b}.window-dots span:nth-child(2){background:#ffd166}.window-dots span:nth-child(3){background:#3be18e}.browser-address{max-width:260px;width:100%;justify-self:center;text-align:center;padding:5px 12px;border-radius:8px;background:rgba(255,255,255,.035);color:var(--muted);font-size:9px;font-family:"JetBrains Mono"}.browser-more{color:var(--muted);font-size:10px}.shebakhoj-preview{min-height:410px;padding:24px;background:radial-gradient(circle at 75% 15%,rgba(35,201,136,.18),transparent 26%),linear-gradient(150deg,#f9fbff,#eef5f3);color:#15231e}.preview-nav{display:flex;justify-content:space-between;align-items:center}.preview-logo{font-weight:900;font-size:16px}.preview-logo span{color:#12a36f}.preview-links{display:flex;gap:7px}.preview-links span{width:28px;height:5px;border-radius:20px;background:#c8d8d1}.preview-hero{max-width:460px;padding:64px 0 42px}.preview-pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#ddf7ed;color:#11875e;font-size:8px;font-weight:800}.preview-hero h3{max-width:390px;font-size:clamp(28px,4vw,42px);line-height:1.04;letter-spacing:-.05em;margin:14px 0 10px}.preview-hero p{color:#6b7c75;font-size:10px}.preview-search{margin-top:22px;display:flex;justify-content:space-between;align-items:center;max-width:390px;border-radius:11px;background:#fff;padding:10px 10px 10px 14px;box-shadow:0 12px 35px rgba(27,68,53,.1);color:#84918d;font-size:8px}.preview-search strong{padding:8px 12px;border-radius:8px;background:#12a36f;color:#fff}.preview-services{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preview-services span{display:grid;place-items:center;min-height:56px;border-radius:10px;background:#fff;box-shadow:0 7px 20px rgba(27,68,53,.05);color:#50615b;font-size:7px;font-weight:700}.project-index{color:var(--secondary);font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:18px}.project-details h3{font-size:45px;letter-spacing:-.045em;line-height:1;margin-bottom:20px}.project-details>p{color:var(--muted);font-size:15px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 30px}.project-tags span{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:999px;padding:6px 10px;color:var(--text-soft);font-size:10px;font-weight:700}.project-actions{display:flex;gap:10px;flex-wrap:wrap}.services-list{border-top:1px solid var(--line)}.service-row{min-height:135px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:26px;padding:24px 6px;border-bottom:1px solid var(--line);transition:.25s}.service-row:hover{padding-left:18px;padding-right:18px;background:rgba(120,103,255,.025)}.service-number{color:var(--muted);font-family:"JetBrains Mono";font-size:11px}.service-main h3{font-size:clamp(22px,3vw,34px);letter-spacing:-.035em;margin-bottom:4px}.service-main p{color:var(--muted);font-size:13px}.service-arrow{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;border:1px solid var(--line);transition:.25s}.service-row:hover .service-arrow{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:transparent;transform:rotate(10deg)}.cta-section{padding-top:30px}.cta-panel{min-height:500px;padding:55px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;position:relative;border:1px solid rgba(120,103,255,.2);border-radius:34px;background:radial-gradient(circle at 50% 120%,rgba(20,207,255,.15),transparent 32%),linear-gradient(145deg,rgba(120,103,255,.09),rgba(255,255,255,.018))}.cta-glow{position:absolute;width:450px;height:450px;border-radius:50%;top:-300px;left:50%;transform:translateX(-50%);background:rgba(120,103,255,.23);filter:blur(100px);pointer-events:none}.cta-logo{width:110px;height:110px;object-fit:cover;border-radius:50%;margin-bottom:18px;border:2px solid rgba(20,207,255,.35);box-shadow:0 0 44px rgba(20,207,255,.18)}.cta-panel h2{max-width:820px;font-size:clamp(40px,6.5vw,76px);line-height:1;letter-spacing:-.055em}.cta-panel>p:not(.section-kicker){max-width:610px;color:var(--muted);font-size:16px;margin-top:22px}.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px}.contact-links{display:grid;gap:10px;margin-top:38px}.contact-links a{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}.contact-links small,.contact-links strong{display:block}.contact-links small{color:var(--muted);font-size:10px}.contact-links strong{font-size:13px}.contact-links b{color:var(--secondary)}.contact-form{padding:30px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015)),var(--panel)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:block;margin-bottom:15px}.contact-form label>span{display:block;color:var(--text-soft);font-size:11px;font-weight:800;margin:0 0 7px 2px}input,textarea,select{width:100%;color:var(--text);outline:none;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);padding:14px 15px;transition:.2s}select option{color:#111827}input:focus,textarea:focus,select:focus{border-color:rgba(120,103,255,.55);background:rgba(120,103,255,.03)}textarea{resize:vertical;min-height:150px}.submit-button{width:100%;border:0;cursor:pointer}.form-status{padding:12px 14px;border-radius:12px;margin-bottom:18px;font-size:12px;font-weight:700}.form-status.success{background:rgba(50,231,138,.12);border:1px solid rgba(50,231,138,.25);color:#8ef3bd}.form-status.error{background:rgba(255,107,107,.11);border:1px solid rgba(255,107,107,.25);color:#ffb0b0}.footer{padding-top:80px;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;padding-bottom:50px}.footer-brand{margin-bottom:16px}.footer-inner p{color:var(--muted);font-size:12px}.footer-links{display:flex;flex-wrap:wrap;gap:22px}.footer-links a{color:var(--muted);font-size:12px;font-weight:650}.footer-links a:hover{color:var(--text)}.footer-bottom{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.blog-main,.single-main{padding:145px 0 100px;min-height:70vh}.blog-heading{margin-bottom:45px}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.post-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.post-thumb{display:block;aspect-ratio:16/9;overflow:hidden}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-body{padding:24px}.post-meta{color:var(--secondary);font-size:10px;letter-spacing:.1em}.post-body h2{font-size:25px;line-height:1.2;margin:7px 0 12px}.post-excerpt{color:var(--muted);font-size:13px}.single-container{max-width:880px}.single-title{font-size:clamp(42px,7vw,72px);line-height:1.02;letter-spacing:-.05em}.single-thumb{margin:35px 0;border-radius:24px;overflow:hidden}.single-thumb img{display:block;width:100%;height:auto}.entry-content{font-size:17px;color:var(--text-soft)}.entry-content>*+*{margin-top:1.3em}.entry-content h2,.entry-content h3{color:var(--text)}.entry-content a{color:var(--secondary);text-decoration:underline}@media(max-width:1000px){.nav-desktop,.nav-hire{display:none}.menu-toggle{display:grid}.mobile-menu{position:fixed;top:78px;left:20px;right:20px;display:block;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(10,16,29,.96);backdrop-filter:blur(18px);box-shadow:var(--shadow);transform:translateY(-16px) scale(.98);opacity:0;pointer-events:none;transition:.25s}.mobile-menu.open{transform:none;opacity:1;pointer-events:auto}.mobile-menu .nav-list,.mobile-nav-list{display:grid;gap:6px;list-style:none}.mobile-menu a{min-height:48px;display:flex;align-items:center;padding:0 14px;border-radius:11px;color:var(--text-soft);font-weight:700}.hero{min-height:auto;padding-top:115px}.hero-grid,.about-layout,.contact-layout{grid-template-columns:1fr}.hero-photo-stage{min-height:590px}.about-side{position:static}.skills-grid{grid-template-columns:repeat(2,1fr)}.featured-project{grid-template-columns:1fr}.project-details{padding:8px}.post-grid{grid-template-columns:1fr}}@media(max-width:680px){.container{width:min(var(--container),calc(100% - 26px))}.section{padding:80px 0}.site-header,.navbar{height:70px}.mobile-menu{top:70px;left:13px;right:13px}.brand-photo,.custom-logo-wrap img{width:38px;height:38px}.hero{padding:100px 0 0}.hero h1{font-size:clamp(44px,14vw,64px)}.hero-lead{font-size:15px}.hero-meta{flex-wrap:wrap;gap:12px}.meta-divider{display:none}.hero-meta>div{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px}.hero-photo-stage{min-height:520px;margin-top:20px}.hero-person{max-height:550px}.photo-nameplate{left:3%;bottom:5%}.floating-chip{display:none}.about-cards,.skills-grid,.form-row{grid-template-columns:1fr}.info-card.large-card{grid-column:auto}.engineer-banner{border-radius:18px}.project-heading{flex-direction:column;align-items:flex-start}.featured-project{padding:14px;gap:25px}.shebakhoj-preview{min-height:330px;padding:16px}.preview-hero{padding:45px 0 30px}.preview-services{grid-template-columns:repeat(2,1fr)}.project-details h3{font-size:36px}.service-row{grid-template-columns:45px 1fr auto;gap:13px}.service-main p{font-size:12px}.service-arrow{width:38px;height:38px}.cta-panel{min-height:440px;padding:40px 18px;border-radius:24px}.cta-logo{width:90px;height:90px}.contact-form{padding:18px}.footer-inner,.footer-bottom{flex-direction:column}.footer-bottom{justify-content:center;align-items:flex-start;padding:20px 0}.hero-cta,.project-actions,.cta-actions{display:grid;grid-template-columns:1fr}.hero-cta .btn,.project-actions .btn,.cta-actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* ==================================================
   Portfolio Grid — v1.1
   ================================================== */
.portfolio-section{overflow:hidden}.portfolio-intro{max-width:720px}.portfolio-count{min-width:125px;display:flex;flex-direction:column;align-items:flex-end;line-height:1}.portfolio-count strong{font-size:42px;letter-spacing:-.06em;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.portfolio-count span{margin-top:8px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.business-project{display:grid;grid-template-columns:1.08fr .92fr;gap:38px;align-items:center;margin-bottom:58px;padding:22px;border:1px solid rgba(120,103,255,.22);border-radius:30px;background:linear-gradient(145deg,rgba(120,103,255,.08),rgba(20,207,255,.025));box-shadow:var(--shadow)}.business-project-media{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--panel-solid)}.business-project-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .45s ease}.business-project:hover .business-project-media img{transform:scale(1.025)}.business-project-content{padding:18px 20px 18px 4px}.business-label{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid rgba(20,207,255,.22);border-radius:999px;background:rgba(20,207,255,.07);color:var(--secondary);font-size:9px;line-height:1;font-weight:900;letter-spacing:.14em;margin-bottom:15px}.business-project-content h3{font-size:clamp(38px,5vw,58px);line-height:1;letter-spacing:-.055em;margin:8px 0 18px}.business-project-content>p{color:var(--muted);font-size:15px;max-width:580px}.portfolio-subheading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:0 0 25px}.portfolio-subheading .section-kicker{margin-bottom:6px}.portfolio-subheading h3{font-size:30px;letter-spacing:-.035em}.portfolio-subheading .text-link{margin:0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portfolio-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),var(--panel);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.portfolio-card:hover{transform:translateY(-7px);border-color:rgba(120,103,255,.3);box-shadow:0 22px 55px rgba(0,0,0,.22)}.portfolio-card-media{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:var(--panel-solid);border-bottom:1px solid var(--line)}.portfolio-card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease,filter .45s ease}.portfolio-card:hover .portfolio-card-media img{transform:scale(1.035);filter:saturate(1.08)}.project-live-badge{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:rgba(4,12,20,.78);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.13);color:#fff;font-size:9px;line-height:1;font-weight:900;letter-spacing:.1em}.project-live-badge i{width:7px;height:7px;border-radius:50%;background:#36df8b;box-shadow:0 0 12px rgba(54,223,139,.9)}.portfolio-card-body{padding:21px}.project-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.project-type{color:var(--secondary);font-size:9px;line-height:1.3;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.project-number{color:var(--muted);font-family:"JetBrains Mono",monospace;font-size:9px}.portfolio-card-body h3{font-size:22px;line-height:1.16;letter-spacing:-.03em;margin-bottom:10px}.portfolio-card-body>p{min-height:60px;color:var(--muted);font-size:12px;line-height:1.65}.project-domain{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-family:"JetBrains Mono",monospace;font-size:9px;margin-top:16px}.project-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.project-card-actions .btn{min-height:43px;padding:0 14px;border-radius:12px;font-size:11px;flex:1}.btn-project-demo{background:rgba(120,103,255,.12);border-color:rgba(120,103,255,.24);color:var(--text)}.btn-project-demo:hover{background:rgba(120,103,255,.2);border-color:rgba(120,103,255,.4)}.btn-whatsapp{color:#eafff4;background:rgba(37,211,102,.13);border-color:rgba(37,211,102,.28)}.btn-whatsapp:hover{color:#fff;background:rgba(37,211,102,.24);border-color:rgba(37,211,102,.5);box-shadow:0 12px 32px rgba(37,211,102,.12)}html[data-theme="light"] .btn-whatsapp{color:#087437;background:rgba(37,211,102,.11)}html[data-theme="light"] .btn-whatsapp:hover{color:#075d2f;background:rgba(37,211,102,.18)}.portfolio-note{display:flex;align-items:center;gap:12px;margin-top:24px;padding:15px 18px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018)}.portfolio-note>span{font-size:20px}.portfolio-note p{color:var(--muted);font-size:11px}.portfolio-note strong{color:var(--text-soft)}
@media(max-width:1080px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-project{grid-template-columns:1fr}.business-project-content{padding:8px 8px 12px}.portfolio-card-body>p{min-height:auto}}
@media(max-width:680px){.portfolio-count{align-items:flex-start}.business-project{padding:12px;border-radius:22px;margin-bottom:45px}.business-project-content h3{font-size:39px}.project-heading,.portfolio-subheading{align-items:flex-start}.portfolio-subheading{flex-direction:column}.portfolio-grid{grid-template-columns:1fr}.project-card-actions{display:grid;grid-template-columns:1fr 1fr}.project-card-actions .btn{width:100%}.portfolio-note{align-items:flex-start}}
@media(max-width:410px){.project-card-actions{grid-template-columns:1fr}}


/* ==========================================================
   Modern UI/UX CSS Engine + Motion System — v1.2
   Ported/adapted for WordPress from the supplied UI engine:
   elastic/smooth easing, glass surfaces, reveal-on-scroll,
   floating actions, hover lift and motion-aware accessibility.
   ========================================================== */
:root{
  --ease-elastic:cubic-bezier(.34,1.56,.64,1);
  --ease-smooth:cubic-bezier(.16,1,.3,1);
  --transition-bounce:all .42s var(--ease-elastic);
  --transition-smooth:all .34s var(--ease-smooth);
  --glass-bg:rgba(8,14,27,.66);
  --glass-bg-strong:rgba(8,14,27,.86);
  --motion-glow:rgba(20,207,255,.24);
  --motion-violet:rgba(120,103,255,.24);
  --card-shadow:0 18px 55px rgba(0,0,0,.22);
}
html[data-theme=light]{
  --glass-bg:rgba(255,255,255,.68);
  --glass-bg-strong:rgba(255,255,255,.9);
  --motion-glow:rgba(20,142,207,.16);
  --motion-violet:rgba(120,103,255,.14);
  --card-shadow:0 18px 45px rgba(31,41,55,.11);
}

/* Top scroll progress */
.motion-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:1200;pointer-events:none;background:transparent}
.motion-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--success));box-shadow:0 0 22px var(--motion-glow);will-change:transform}

/* Ambient motion layer */
.ambient-motion{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.ambient-blob{position:absolute;width:38vw;min-width:320px;aspect-ratio:1;border-radius:50%;filter:blur(90px);opacity:.13;will-change:transform}
.blob-a{top:-18%;left:-12%;background:var(--primary);animation:ambientDriftA 16s ease-in-out infinite alternate}
.blob-b{right:-14%;top:30%;background:var(--secondary);animation:ambientDriftB 19s ease-in-out infinite alternate}
@keyframes ambientDriftA{to{transform:translate3d(11vw,12vh,0) scale(1.12)}}
@keyframes ambientDriftB{to{transform:translate3d(-12vw,-9vh,0) scale(.9)}}
@keyframes floatSlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 0 0 rgba(50,231,138,.2),0 0 20px rgba(50,231,138,.35)}50%{box-shadow:0 0 0 8px rgba(50,231,138,0),0 0 30px rgba(50,231,138,.72)}}
@keyframes sheen{0%{transform:translateX(-160%) rotate(18deg)}100%{transform:translateX(380%) rotate(18deg)}}

/* Glassmorphism header engine */
.site-header{transition:background .35s var(--ease-smooth),border-color .35s var(--ease-smooth),transform .35s var(--ease-smooth),box-shadow .35s var(--ease-smooth)}
.site-header.scrolled{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 12px 45px rgba(0,0,0,.12)}
.nav-list a{position:relative;padding:9px 0;transition:var(--transition-smooth)}
.nav-list a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;border-radius:10px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:right .34s var(--ease-smooth)}
.nav-list a:hover::after,.nav-list a:focus-visible::after{right:0}
.icon-btn{transition:var(--transition-bounce);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.icon-btn:hover{transform:translateY(-3px) rotate(2deg);border-color:rgba(20,207,255,.35);box-shadow:0 12px 26px rgba(20,207,255,.1)}
.brand-photo,.custom-logo-wrap img{transition:transform .45s var(--ease-elastic),box-shadow .35s ease}
.brand:hover .brand-photo,.brand:hover .custom-logo-wrap img{transform:scale(1.06) rotate(-2deg);box-shadow:0 0 32px rgba(20,207,255,.26)}

/* Elastic buttons + micro-interactions */
.btn,.text-link,.service-arrow,.project-card-actions .btn{transition:var(--transition-bounce)}
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn::before{content:"";position:absolute;top:-65%;left:-30%;width:28px;height:230%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);transform:translateX(-160%) rotate(18deg);opacity:0;pointer-events:none}
.btn:hover::before{opacity:1;animation:sheen .72s ease}
.btn:hover{transform:translateY(-4px) scale(1.015)}
.btn:active{transform:translateY(-1px) scale(.985)}
.btn-primary:hover{box-shadow:0 20px 48px rgba(94,78,237,.38),0 0 28px rgba(20,207,255,.11)}

/* Source-style reveal-on-scroll, adapted to existing .reveal markup */
.reveal{opacity:0;transform:translate3d(0,34px,0) scale(.985);filter:blur(4px);transition:opacity .82s var(--ease-smooth),transform .82s var(--ease-smooth),filter .72s var(--ease-smooth);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.reveal.visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.reveal.motion-left{transform:translate3d(-34px,0,0)}
.reveal.motion-right{transform:translate3d(34px,0,0)}
.reveal.motion-scale{transform:scale(.92)}
.reveal.motion-left.visible,.reveal.motion-right.visible{transform:translate3d(0,0,0)}
.reveal.motion-scale.visible{transform:scale(1)}

/* Hero motion polish */
.hero-orb-one{animation:ambientDriftA 12s ease-in-out infinite alternate}
.hero-orb-two{animation:ambientDriftB 15s ease-in-out infinite alternate}
.hero-photo-stage{perspective:1200px}
.hero-person{transition:transform .2s ease-out,filter .35s ease;will-change:transform}
.photo-grid{transition:transform .28s ease-out;will-change:transform}
.photo-nameplate{transition:var(--transition-bounce)}
.photo-nameplate:hover{transform:translateY(-7px);border-color:rgba(20,207,255,.36);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.availability-dot{animation:glowPulse 2.4s ease-in-out infinite}
.floating-chip{transition:var(--transition-bounce)}
.floating-chip:hover{transform:translateY(-6px) scale(1.04)!important;border-color:rgba(20,207,255,.34)}
.marquee-track:hover{animation-play-state:paused}

/* Spotlight-capable cards */
.info-card,.skill-card,.portfolio-card,.business-project,.service-row,.post-card,.contact-form,.cta-panel{position:relative;isolation:isolate}
.info-card::before,.skill-card::before,.portfolio-card::before,.business-project::before,.service-row::before,.post-card::before,.contact-form::before,.cta-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(20,207,255,.11),transparent 46%);transition:opacity .35s ease}
.info-card:hover::before,.skill-card:hover::before,.portfolio-card:hover::before,.business-project:hover::before,.service-row:hover::before,.post-card:hover::before,.contact-form:hover::before,.cta-panel:hover::before{opacity:1}
.info-card,.skill-card,.portfolio-card,.post-card{transition:transform .42s var(--ease-elastic),border-color .34s var(--ease-smooth),box-shadow .34s var(--ease-smooth),background .34s var(--ease-smooth)}
.info-card:hover,.skill-card:hover,.portfolio-card:hover,.post-card:hover{transform:translateY(-9px);border-color:rgba(20,207,255,.26);box-shadow:var(--card-shadow)}
.info-card-icon,.skill-symbol{transition:var(--transition-bounce)}
.info-card:hover .info-card-icon,.skill-card:hover .skill-symbol{transform:translateY(-3px) scale(1.08) rotate(-2deg)}

/* Project media motion */
.portfolio-card-media::after,.business-project-media::after,.engineer-banner::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.16) 45%,transparent 62%);transform:translateX(-120%);transition:transform .8s var(--ease-smooth)}
.portfolio-card:hover .portfolio-card-media::after,.business-project:hover .business-project-media::after,.engineer-banner:hover::after{transform:translateX(120%)}
.portfolio-card-media,.business-project-media,.engineer-banner{position:relative}
.portfolio-card-media img,.business-project-media img,.engineer-banner img{transition:transform .7s var(--ease-smooth),filter .45s ease}
.portfolio-card:hover .portfolio-card-media img,.business-project:hover .business-project-media img{transform:scale(1.055)}
.project-live-badge{animation:floatSlow 3.5s ease-in-out infinite}
.project-live-badge i{animation:glowPulse 2.2s ease-in-out infinite}

/* Service-row bounce from the supplied engine */
.service-row{transition:padding .42s var(--ease-elastic),background .34s var(--ease-smooth),transform .42s var(--ease-elastic),border-color .34s ease}
.service-row:hover{transform:translateX(8px);padding-left:20px;padding-right:20px;background:linear-gradient(90deg,rgba(120,103,255,.055),rgba(20,207,255,.025))}
.service-row:hover .service-arrow{transform:translateY(-3px) rotate(10deg) scale(1.07);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:transparent;box-shadow:0 12px 30px rgba(20,207,255,.16)}

/* Modern form focus */
input,textarea,select{transition:border-color .3s var(--ease-smooth),box-shadow .3s var(--ease-smooth),background .3s ease,transform .3s var(--ease-smooth)}
input:focus,textarea:focus,select:focus{transform:translateY(-1px);box-shadow:0 0 0 4px rgba(120,103,255,.1),0 16px 38px rgba(0,0,0,.08)}

/* Floating WhatsApp + Back to Top */
.motion-float-actions{position:fixed;right:24px;bottom:24px;z-index:1050;display:flex;flex-direction:column;gap:11px;align-items:center}
.motion-float-btn{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);cursor:pointer;box-shadow:0 14px 35px rgba(0,0,0,.24);transition:var(--transition-bounce);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.motion-float-btn svg{width:22px;height:22px;fill:currentColor}
.whatsapp-float{color:#fff;background:#25d366;animation:floatSlow 3.5s ease-in-out infinite}
.whatsapp-float:hover{transform:translateY(-5px) scale(1.08);box-shadow:0 18px 42px rgba(37,211,102,.34)}
.back-to-top{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));opacity:0;visibility:hidden;transform:translateY(14px) scale(.86)}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.back-to-top:hover{transform:translateY(-5px) rotate(-4deg) scale(1.06)}

/* Motion-ready stagger */
.motion-ready .skills-grid .reveal:nth-child(2),.motion-ready .portfolio-grid .reveal:nth-child(2){--reveal-delay:70ms}
.motion-ready .skills-grid .reveal:nth-child(3),.motion-ready .portfolio-grid .reveal:nth-child(3){--reveal-delay:140ms}
.motion-ready .skills-grid .reveal:nth-child(4),.motion-ready .portfolio-grid .reveal:nth-child(4){--reveal-delay:210ms}
.motion-ready .skills-grid .reveal:nth-child(5),.motion-ready .portfolio-grid .reveal:nth-child(5){--reveal-delay:280ms}
.motion-ready .skills-grid .reveal:nth-child(6),.motion-ready .portfolio-grid .reveal:nth-child(6){--reveal-delay:350ms}

/* Better keyboard interaction */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--secondary);outline-offset:4px}

@media(max-width:680px){
  .motion-float-actions{right:14px;bottom:14px}
  .motion-float-btn{width:46px;height:46px}
  .ambient-blob{opacity:.09}
  .service-row:hover{transform:none;padding-left:6px;padding-right:6px}
}
@media(prefers-reduced-motion:reduce){
  .ambient-blob,.hero-orb-one,.hero-orb-two,.availability-dot,.whatsapp-float,.project-live-badge,.project-live-badge i{animation:none!important}
  .reveal,.reveal.motion-left,.reveal.motion-right,.reveal.motion-scale{opacity:1!important;filter:none!important;transform:none!important}
  .motion-progress{display:none}
}