*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;}html,body{font-family:'Poppins',sans-serif;}:root{--bg-primary:#1e2229;--bg-secondary:#282c34;--surface:#2f343f;--surface-elevated:#353b45;--surface-subtle:#323842;--accent-primary:#87c03d;--accent-secondary:#9ece6a;--accent-primary-hover:#9bd04a;--accent-glow:rgba(135,192,61,0.12);--accent-glow-strong:rgba(135,192,61,0.25);--text-primary:#e1e6ed;--text-secondary:#9da5b4;--text-muted:rgba(255,255,255,0.65);--border:rgba(225,230,237,0.08);--border-color:rgba(225,230,237,0.10);--border-accent:rgba(135,192,61,0.22);--border-subtle:rgba(225,230,237,0.05);--glass-bg:rgba(47,52,63,0.55);--glass-bg-subtle:rgba(255,255,255,0.04);--glass-border:rgba(225,230,237,0.08);--glass-blur:blur(14px);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:4rem;--shadow-xs:0 1px 3px rgba(0,0,0,0.08);--shadow-sm:0 2px 8px rgba(0,0,0,0.12);--shadow-md:0 8px 24px rgba(0,0,0,0.18);--shadow-lg:0 12px 40px rgba(0,0,0,0.25);--shadow-glow:0 0 1rem var(--accent-primary);--z-header:100;--z-dropdown:200;--z-progress:300;--z-overlay:400;--container-width:1300px;--header-height:7rem;--gap:2rem;--section-padding:8rem;--section-padding-mobile:5rem;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--transition-spring:0.4s cubic-bezier(0.175,0.885,0.32,1.275);--bg-color:var(--bg-primary);--second-bg-color:var(--surface);--text-color:var(--text-primary);--main-color:var(--accent-primary);--primary:var(--accent-primary);--primary-hover:var(--accent-primary-hover);--surface-variant:var(--surface);--glass-bg-strong:rgba(255,255,255,0.06);--glass-border-strong:var(--border-accent);--outline:var(--border);--outline-strong:var(--border-accent);--shadow-card:var(--shadow-sm);--shadow-hover:var(--shadow-md);--shadow-elevated:var(--shadow-lg);--shadow-floating:0 16px 48px rgba(0,0,0,0.3);--section-space:8rem;--content-gap:2rem;--card-gap:2rem;color-scheme:dark;}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1.1rem 2.4rem;font-size:clamp(1.4rem,2.5vw,1.6rem);font-weight:600;letter-spacing:.02rem;border-radius:var(--radius-pill);border:1px solid transparent;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);position:relative;overflow:hidden;min-height:48px;min-width:44px;text-align:center;line-height:1.2;white-space:normal;overflow-wrap:break-word;max-width:100%;}.btn-primary{background:var(--accent-primary);color:var(--bg-primary);box-shadow:0 0 12px var(--accent-glow-strong);}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:0 0 20px var(--accent-glow-strong);}.btn-primary:active{transform:translateY(0);box-shadow:0 0 12px var(--accent-glow-strong);}.btn-secondary{background:transparent;color:var(--accent-primary);border:1.5px solid var(--accent-primary);box-shadow:none;}.btn-secondary:hover{background:rgba(255,255,255,.04);border-color:var(--primary);color:var(--primary);box-shadow:none;}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;}.btn::after,.chip::after,.card::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;transition:background .2s ease;pointer-events:none;}.btn:hover::after{background:rgba(255,255,255,.04);}.card{background:var(--surface-variant);border:1px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);}.chip,.stack-pills span,.portfolio-tags span,.exp-tags span,.stack-tags span{display:inline-flex;align-items:center;gap:.4rem;font-size:1.1rem;font-weight:600;letter-spacing:.02rem;padding:.4rem 1.1rem;border-radius:var(--radius-pill);border:1px solid var(--glass-border-strong);background:var(--glass-bg);color:var(--primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease;}.chip:hover,.stack-pills span:hover{background:var(--accent-glow);border-color:var(--border-accent);}.chip-primary{background:var(--accent-glow);border-color:var(--border-accent);color:var(--primary);}.chip-neutral{background:rgba(255,255,255,.06);border-color:var(--outline);color:var(--text-secondary);}body.light-mode .chip{background:rgba(20,184,166,.08);border-color:rgba(20,184,166,.18);}.badge-status{display:inline-flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;letter-spacing:.08rem;text-transform:uppercase;background:var(--accent-glow);border:1px solid var(--border-accent);color:var(--primary);padding:.4rem 1rem;border-radius:var(--radius-pill);}.badge-status .dot{width:.7rem;height:.7rem;background:var(--primary);border-radius:50%;box-shadow:0 0 6px var(--primary);}.input-outlined{width:100%;padding:1.5rem;font-size:1.6rem;color:var(--text-primary);background:transparent;border:1.5px solid var(--outline-strong);border-radius:var(--radius-sm);transition:border-color .2s ease,box-shadow .2s ease;}.input-outlined:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);outline:none;}.input-outlined::placeholder{color:var(--text-muted);}.section-label,.section-eyebrow{font-size:1.05rem;font-weight:600;letter-spacing:.22rem;color:var(--accent-primary);opacity:1;text-transform:uppercase;margin-bottom:.8rem;text-align:center;}.divider{height:1px;background:var(--outline);margin:2rem 0;}.divider-strong{background:var(--accent-glow);}.tooltip{position:relative;}.tooltip::after{content:attr(data-tooltip);position:absolute;bottom:calc(100%+8px);left:50%;transform:translateX(-50%) scale(.98);background:var(--surface-elevated);color:var(--text-primary);font-size:1.2rem;font-weight:500;padding:.6rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--outline);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;box-shadow:var(--shadow-floating);z-index:var(--z-overlay);}.tooltip:hover::after,.tooltip:focus-visible::after{opacity:1;transform:translateX(-50%) scale(1);}@media (prefers-reduced-motion:reduce){.tooltip::after{transition:none;}}.container{max-width:var(--container-width);margin:0 auto;padding:0 9%;width:min(100% - 32px,var(--container-width));}@media (max-width:991px){.container{padding:0 3%;width:min(100% - 24px,var(--container-width));}}@media (max-width:480px){.container{width:min(100% - 32px,var(--container-width));}}body.light-mode{--bg-primary:#f5f5f5;--bg-secondary:#eef0f4;--surface:#ffffff;--surface-elevated:#f0f2f5;--accent-primary:#6b9e2b;--accent-secondary:#87c03d;--accent-primary-hover:#5a8a22;--accent-glow:rgba(107,158,43,0.08);--accent-glow-strong:rgba(107,158,43,0.20);--text-primary:#1a1a2e;--text-secondary:#4a5568;--text-muted:rgba(0,0,0,0.65);--border:rgba(0,0,0,0.08);--border-color:rgba(0,0,0,0.10);--border-accent:rgba(20,184,166,0.22);--glass-bg:rgba(255,255,255,0.7);--glass-bg-subtle:rgba(0,0,0,0.02);--glass-border:rgba(0,0,0,0.08);--border-subtle:rgba(0,0,0,0.05);--shadow-xs:0 1px 3px rgba(0,0,0,0.04);--shadow-sm:0 2px 8px rgba(0,0,0,0.06);--shadow-md:0 8px 24px rgba(0,0,0,0.08);--shadow-lg:0 12px 40px rgba(0,0,0,0.12);--surface-subtle:#f0f2f5;--bg-color:#f5f5f5;--second-bg-color:#ffffff;--text-color:#1a1a2e;--main-color:#14b8a6;--glass-border-strong:var(--border-accent);--outline:var(--border);--outline-strong:var(--border-accent);color-scheme:light;}html{font-size:62.5%;scroll-padding-top:var(--header-height);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;}html,body{overflow-x:clip;}body{overflow-wrap:break-word;}img,video,svg,canvas{max-width:100%;height:auto;display:block;}img{overflow:hidden;}*{min-width:0;}a,p,h1,h2,h3,h4,li,span,blockquote{overflow-wrap:break-word;}.break-anywhere{overflow-wrap:anywhere;word-break:break-word;}body{background:var(--bg-primary);color:var(--text-primary);transition:background-color 0.4s ease,color 0.4s ease;line-height:1.6;}h1{font-size:clamp(2.8rem,7vw,5.6rem);font-weight:700;line-height:1.12;letter-spacing:-0.03em;color:var(--text-primary);overflow-wrap:break-word;hyphens:auto;}h2{font-size:clamp(2.2rem,5vw,4.5rem);font-weight:700;line-height:1.2;letter-spacing:-0.015em;color:var(--text-primary);overflow-wrap:break-word;}h3{font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:600;line-height:1.3;color:var(--text-primary);}h4{font-size:clamp(1.5rem,3vw,1.6rem);font-weight:600;line-height:1.4;color:var(--text-primary);}p{font-size:clamp(1.45rem,2.5vw,1.6rem);line-height:1.75;color:var(--text-primary);}a{color:var(--accent-primary);transition:color var(--transition-fast);}a:hover{color:var(--accent-primary-hover);}.skip-link{position:absolute;top:-100%;left:1rem;background:var(--accent-primary);color:var(--bg-primary);padding:1rem 2rem;border-radius:.5rem;z-index:9999;font-size:1.6rem;font-weight:600;}.skip-link:focus{top:1rem;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}section{min-height:auto;padding:var(--section-padding) 9% 4rem;position:relative;overflow:clip;}.about,.portfolio,.beyond-code{background:var(--surface);}.services,.stack{background:var(--bg-primary);}.experience,.contact{background:var(--bg-secondary);}.services::after,.experience::after,.stack::after,.contact::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:6rem;height:1px;background:var(--border-accent);opacity:0.5;}.home{min-height:100vh;min-height:100dvh;padding:clamp(7rem,12vw,9rem) 9% clamp(3rem,6vw,5rem);}.header{position:fixed;top:0;left:0;width:100%;padding:1.2rem 9%;padding-left:max(9%,env(safe-area-inset-left));padding-right:max(9%,env(safe-area-inset-right));background:transparent;display:flex;justify-content:space-between;align-items:center;gap:1rem;z-index:var(--z-header);transition:background var(--transition-normal),padding var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);min-height:5.6rem;}.header.sticky{background:rgba(30,34,41,0.85);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);padding:1rem 9%;}@supports not (backdrop-filter:blur(1px)){.header.sticky{background:var(--bg-primary);}}.logo{font-size:clamp(1.6rem,4vw,2rem);color:var(--text-primary);font-weight:600;cursor:default;letter-spacing:-0.02em;transition:color var(--transition-fast);white-space:nowrap;flex-shrink:0;}.logo:hover{color:var(--accent-primary);}.navbar a{font-size:1.35rem;font-weight:500;color:var(--text-secondary);margin-left:.6rem;padding:.5rem 1.1rem;border-radius:var(--radius-pill);transition:color var(--transition-fast),background var(--transition-fast);position:relative;}.navbar a:hover{color:var(--text-primary);}.navbar a.active{color:var(--accent-primary);background:var(--accent-glow);}.navbar a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;}.icon-btn{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;transition:background .2s ease;flex-shrink:0;}.icon-btn:hover{background:rgba(255,255,255,.08);}.icon-btn:active{background:rgba(255,255,255,.12);}#darkMode-icon{font-size:clamp(2rem,5vw,2.4rem);color:var(--text-primary);cursor:pointer;margin-left:.8rem;transition:0.3s ease;min-width:44px;min-height:44px;}#menu-icon{font-size:clamp(2.6rem,6vw,3.2rem);color:var(--text-primary);display:none;min-width:48px;min-height:48px;width:48px;height:48px;}.section-eyebrow{text-align:center;font-size:1.05rem;font-weight:600;letter-spacing:.22rem;color:var(--accent-primary);opacity:1;margin-bottom:.8rem;}.home{display:flex;justify-content:center;align-items:center;gap:clamp(2rem,4vw,4rem);position:relative;overflow:clip;}.home::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,var(--accent-glow) 0%,transparent 50%);pointer-events:none;z-index:0;}.home .home-content,.home .home-img{position:relative;z-index:1;}.home-img{display:flex;justify-content:center;align-items:center;position:relative;perspective:800px;}.avatar-glow-wrapper{position:relative;width:28rem;height:28rem;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;border:3px solid var(--border-accent);box-shadow:0 0 25px var(--accent-glow);transition:transform var(--transition-slow),box-shadow var(--transition-slow);}.avatar-glow-wrapper:hover{transform:scale(1.02);box-shadow:0 0 35px var(--accent-glow-strong);}.avatar-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;}.avatar-inner img,.avatar-inner picture,.avatar-inner picture img{width:100%;height:100%;object-fit:cover;display:block;}.avatar-inner picture{border-radius:50%;overflow:hidden;}.home-img::before{content:'';position:absolute;width:30rem;height:30rem;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);filter:blur(25px);z-index:0;animation:glow-pulse 4s ease-in-out infinite;}@keyframes glow-pulse{0%,100%{opacity:0.5;transform:scale(1);}50%{opacity:1;transform:scale(1.08);}}.img-badge{position:absolute;bottom:5%;right:-2%;background:var(--bg-primary);border:1px solid var(--border-accent);border-radius:var(--radius-pill);padding:.3rem .8rem;font-size:.95rem;font-weight:600;color:var(--accent-primary);letter-spacing:.03em;display:flex;align-items:center;gap:.4rem;box-shadow:var(--shadow-md);z-index:3;white-space:nowrap;}.img-badge::before{content:'';width:.5rem;height:.5rem;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 6px var(--accent-primary);animation:badge-pulse 2s infinite;}@keyframes badge-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.6;transform:scale(0.85);}}@media (prefers-reduced-motion:reduce){.img-badge::before{animation:none;}.avatar-glow-wrapper:hover{transform:none;}}.home-content{max-width:58rem;width:100%;min-width:0;}.home-content h3{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:500;margin-bottom:.4rem;color:var(--text-secondary);line-height:1.4;}.home-content h3:nth-of-type(2){margin-bottom:1.2rem;}.btn-group{display:flex;flex-wrap:wrap;gap:1rem 1.2rem;margin-top:2.2rem;align-items:stretch;}.btn-group .btn{flex:0 1 auto;}@media (max-width:360px){.btn-group{flex-direction:column;}.btn-group .btn{width:100%;}}.heading span,.hero-content span,.home-content h3 span,.footer-statement span{color:var(--accent-primary);}span.muted{color:var(--text-muted);}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;background:var(--glass-bg-subtle);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-pill);padding:0.5rem 1.4rem;font-size:1.2rem;font-weight:500;color:var(--text-secondary);margin-bottom:1.6rem;letter-spacing:.03em;}.hero-badge .dot{width:.7rem;height:.7rem;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 0 4px var(--accent-glow);animation:pulse-dot 2s infinite;}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 0 3px var(--accent-glow);}50%{opacity:.7;transform:scale(0.88);box-shadow:0 0 0 6px var(--accent-glow);}}@media (prefers-reduced-motion:reduce){.hero-badge .dot{animation:none;}}.eyebrow{font-size:1.1rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-primary);opacity:.85;margin-bottom:1rem;}.hero-value{font-size:clamp(1.5rem,3.2vw,1.7rem);line-height:1.75;max-width:52rem;margin:1.4rem 0 1.6rem;color:var(--text-secondary);}.hero-personality{font-size:clamp(1.5rem,3.2vw,1.7rem);line-height:1.75;max-width:52rem;color:var(--text-secondary);font-style:normal;font-weight:400;margin-bottom:1.4rem;letter-spacing:.02em;}.name-highlight{color:var(--accent-primary);display:inline;}.name-nowrap{white-space:nowrap;}.hero-meta{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;margin-top:1.8rem;font-size:1.1rem;font-weight:600;letter-spacing:.12rem;color:var(--text-primary);opacity:.75;}.hero-meta .sep{opacity:.35;}.hero-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;}.hero-chips .chip{font-size:1.05rem;padding:.4rem .9rem;border-radius:var(--radius-sm);background:var(--accent-glow);border:1px solid var(--border-accent);color:var(--text-secondary);}.hero-chips .chip:hover{transform:translateY(-2px);border-color:var(--accent-primary);background:var(--accent-glow);box-shadow:0 0 12px var(--accent-glow-strong);color:var(--accent-primary);}.home-content h1{font-size:clamp(2.8rem,8vw,5.6rem);font-weight:700;line-height:1.05;margin-bottom:.8rem;letter-spacing:-0.03em;overflow-wrap:break-word;}.social-media{display:flex;flex-wrap:wrap;gap:1rem;margin:2.2rem 0;}.social-media a{display:inline-flex;justify-content:center;align-items:center;width:48px;height:48px;min-width:48px;min-height:48px;background:transparent;border:.15rem solid var(--accent-primary);border-radius:50%;font-size:2rem;color:var(--accent-primary);transition:transform .25s ease,background .25s ease,box-shadow .25s ease,color .25s ease;}.social-media a:hover{background:var(--accent-primary);color:var(--surface);transform:translateY(-3px);box-shadow:0 6px 16px rgba(135,192,61,0.28);}.social-media a:active{transform:translateY(-1px);}.btn-outline{background:transparent;color:var(--accent-primary);border:1.5px solid var(--accent-primary);}.btn-outline:hover{background:var(--accent-primary);color:var(--bg-primary);}.form-privacy{font-size:1.3rem;color:var(--text-primary);opacity:.7;margin:1rem 0;}.contact-email{font-size:1.5rem;margin-top:2rem;color:var(--text-primary);}.contact-email a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:3px;}.contact-email a:hover{opacity:.85;}.about{display:flex;justify-content:center;align-items:center;gap:4rem;background:var(--surface);padding:var(--section-padding) 9% 4rem;}.about-img img,.about-img picture,.about-img picture img{width:35rem;max-width:100%;height:auto;display:block;}.about-img picture{display:block;}.heading{text-align:center;font-size:clamp(2.4rem,4vw,4.5rem);margin-bottom:1rem;}.about-content h2.about-subtitle{text-align:left;line-height:1.2;}.about-content h2.heading,.about-content h2.about-heading-lg,.about-content h2.about-section-title{text-align:center;line-height:1.2;}.stack-pills{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 2.5rem;}.stack-pills span{display:inline-block;background:rgba(135,192,61,0.08);border:1px solid rgba(135,192,61,0.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:5rem;padding:.4rem 1.2rem;font-size:1.2rem;font-weight:600;color:var(--accent-primary);letter-spacing:.03rem;}body.light-mode .stack-pills span{background:var(--accent-glow);border-color:var(--border-accent);color:var(--accent-primary);}@supports not (backdrop-filter:blur(1px)){.stack-pills span{background:var(--accent-glow);}}.about-content h3{font-size:2.6rem;}.about-content .about-text-lead,.about-content .about-text-body{font-size:1.6rem;margin:2rem 0 2.5rem;max-width:58rem;line-height:1.8;color:var(--text-secondary);}.about-content p.about-eyebrow-center,.about-content p.about-intro-text,.about-content p.about-tagline{margin-left:auto;margin-right:auto;text-align:center;}#about .about-content h2.heading{text-align:left;}#about .about-content p{font-size:1.6rem;margin:2rem 0 2.5rem;max-width:58rem;line-height:1.8;color:var(--text-secondary);}.experience{background:var(--bg-secondary);padding:var(--section-padding) 9% 4rem;}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(1.4rem,2.5vw,2rem);margin-top:4rem;max-width:1200px;margin-left:auto;margin-right:auto;}.exp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.8rem;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);position:relative;}.exp-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-primary);border-radius:var(--radius-lg) 0 0 var(--radius-lg);opacity:0;transition:opacity var(--transition-normal);}.exp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-accent);}.exp-card:hover::before{opacity:1;}.stack-group{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.4rem;transition:transform var(--transition-normal),box-shadow var(--transition-normal);}.stack-group:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}@supports not (backdrop-filter:blur(1px)){.stack-group{background:var(--surface);}}body.light-mode .stack-group{background:var(--surface);backdrop-filter:none;}.exp-head h3{font-size:1.8rem;color:var(--text-primary);margin-bottom:.6rem;font-weight:600;}.exp-org{display:block;font-size:1.4rem;color:var(--accent-primary);font-weight:600;margin-bottom:.2rem;}.exp-meta{display:block;font-size:1.2rem;color:var(--text-muted);margin:.2rem 0 1.2rem;letter-spacing:.02em;}.exp-card p{font-size:1.5rem;line-height:1.7;color:var(--text-secondary);}.exp-tags,.stack-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;}.exp-tags span,.stack-tags span{font-size:1.1rem;font-weight:600;background:var(--accent-glow);border:1px solid var(--border-accent);color:var(--accent-primary);padding:.35rem .9rem;border-radius:var(--radius-pill);}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(1.2rem,2.5vw,1.8rem);max-width:1200px;margin:3rem auto 0;}.stack-group h3{font-size:1.6rem;color:var(--text-primary);margin-bottom:1rem;}.stack-note{text-align:center;font-size:1.2rem;color:var(--text-muted);margin-top:2rem;letter-spacing:.02em;}.tech-filter-bar{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:3rem;}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;max-width:1100px;margin:2.5rem auto 0;}.tech-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.6rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:default;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);}@supports not (backdrop-filter:blur(1px)){.tech-card{background:var(--surface);}}.tech-card:hover,.tech-card:focus-visible{transform:translateY(-3px);border-color:var(--border-accent);box-shadow:var(--shadow-sm);}.tech-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;}.tech-card-icon img{width:32px;height:32px;filter:brightness(0) invert(0.88);transition:filter var(--transition-fast);}.tech-card:hover .tech-card-icon img{filter:brightness(0) invert(0.88) drop-shadow(0 0 6px var(--accent-primary));}body.light-mode .tech-card-icon img{filter:none;}.tech-card-name{font-size:1.2rem;font-weight:600;color:var(--text-primary);text-align:center;}.tech-card-category{font-size:1rem;color:var(--text-secondary);font-weight:500;}@media (max-width:1024px){.tech-grid{grid-template-columns:repeat(3,1fr);}}@media (max-width:768px){.tech-grid{grid-template-columns:repeat(2,1fr);gap:1rem;}.tech-card{padding:1.4rem 1rem;}}@media (max-width:480px){.tech-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;}.tech-card{padding:1.2rem .8rem;}.tech-card-icon img{width:28px;height:28px;}.tech-card-name{font-size:1.1rem;}}.pillar-img{width:100%;height:22rem;object-fit:cover;border-radius:1.8rem;margin-bottom:2rem;filter:brightness(0.8);transition:.5s;}.pillar-box:hover .pillar-img{filter:brightness(1);box-shadow:0 0 2rem var(--accent-primary);}.beyond-code{background:var(--surface);padding:8rem 9% 4rem;}.beyond-code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:900px;margin:3rem auto 0;}.beyond-code-card{background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.8rem 2rem;text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);}.beyond-code-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-accent);}.beyond-code-card i{font-size:3.5rem;color:var(--accent-primary);margin-bottom:1rem;display:block;}.beyond-code-card h3{font-size:2rem;margin-bottom:.6rem;}.beyond-code-card p{font-size:1.4rem;color:var(--text-secondary);line-height:1.6;}.beyond-code-tagline{text-align:center;font-size:1.5rem;color:var(--text-secondary);margin-top:2.5rem;font-style:italic;}.services{position:relative;overflow:hidden;}.services::before{content:'';position:absolute;top:15%;left:50%;transform:translateX(-50%);width:min(70rem,90vw);height:min(70rem,90vw);background:radial-gradient(circle,rgba(135,192,61,0.05) 0%,transparent 70%);pointer-events:none;z-index:0;}.services .heading,.services .services-container{position:relative;z-index:1;}.services h2{margin-bottom:5rem;}.services-container{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:clamp(1.4rem,2.5vw,2rem);max-width:1200px;margin:0 auto;}.services-container .services-box{flex:1 1 min(100%,28rem);min-width:min(100%,28rem);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:clamp(2.2rem,4vw,3.5rem) clamp(1.6rem,3vw,2.5rem) clamp(2.4rem,4vw,4rem);border-radius:var(--radius-xl);text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);}body.light-mode .services-container .services-box{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;border:.2rem solid var(--bg-primary);box-shadow:var(--shadow-card);}@supports not (backdrop-filter:blur(1px)){.services-container .services-box{background:var(--surface);}}.services-container .services-box:hover{border-color:var(--border-accent);transform:translateY(-6px);box-shadow:var(--shadow-md);}.services-box i{font-size:4rem;color:var(--accent-primary);margin-bottom:1.5rem;display:block;}.services-box h3{font-size:2.2rem;font-weight:600;margin-bottom:.8rem;}.services-box p{font-size:1.5rem;color:var(--text-secondary);margin:0 0 2.5rem;line-height:1.7;flex:1;}.services-box .btn{margin-top:auto;}.portfolio{background:var(--surface);padding:var(--section-padding) 9% 4rem;}.portfolio h2{margin-bottom:4rem;text-align:center;}.portfolio-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:clamp(1.2rem,2.5vw,2rem);padding:0;max-width:1200px;margin:0 auto;width:100%;}.portfolio-container .portfolio-box{position:relative;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;background:linear-gradient(110deg,var(--surface-elevated) 8%,var(--surface) 18%,var(--surface-elevated) 33%);background-size:200% 100%;animation:portfolio-skeleton 1.4s ease-in-out infinite;border:1px solid var(--border);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);aspect-ratio:4/3;height:auto;}@keyframes portfolio-skeleton{to{background-position:-200% 0;}}.portfolio-box:has(img[style*="display:block"]),.portfolio-box:has(img[src]){background:var(--surface-elevated);animation:none;}@media (prefers-reduced-motion:reduce){.portfolio-container .portfolio-box{animation:none;}}.portfolio-container .portfolio-box:hover{border-color:var(--border-accent);}.portfolio-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;aspect-ratio:4 / 3;border-radius:var(--radius-md);transition:transform var(--transition-normal);}.portfolio-box:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}.portfolio-box:hover img{transform:scale(1.05);}body.light-mode .portfolio-box .portfolio-layer{background:rgba(255,255,255,0.92);border-top:1px solid var(--border);}body.light-mode .portfolio-layer h2,body.light-mode .portfolio-layer h3,body.light-mode .portfolio-layer h4{color:var(--text-primary);}body.light-mode .portfolio-layer p{color:var(--text-secondary);}.portfolio-box .portfolio-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(30,34,41,0.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--glass-border);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:1.5rem clamp(1.2rem,4vw,2rem);transform:translateY(100%);transition:transform .45s ease;overflow-y:auto;overscroll-behavior:contain;}@supports not (backdrop-filter:blur(1px)){.portfolio-box .portfolio-layer{background:linear-gradient(rgba(0,0,0,.1),var(--accent-primary));}}.portfolio-box .portfolio-layer{pointer-events:none;}.portfolio-box:hover .portfolio-layer,.portfolio-box:focus-within .portfolio-layer,.portfolio-box.active .portfolio-layer{transform:translateY(0);pointer-events:auto;}.portfolio-box:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;}.portfolio-layer h2,.portfolio-layer h3,.portfolio-layer h4{font-size:clamp(1.6rem,4vw,2.1rem);color:#fff;margin-bottom:.2rem;line-height:1.25;}.portfolio-subtitle{font-size:1.1rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;}.portfolio-layer p{font-size:1.4rem;margin:.3rem 0 .6rem;color:#e1e6ed;max-width:90%;}.portfolio-tags{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:.6rem 0;}.portfolio-tags span{font-size:1rem;font-weight:600;background:var(--accent-glow);border:1px solid var(--border-accent);color:var(--text-primary);padding:.2rem .7rem;border-radius:var(--radius-pill);}.portfolio-role{font-size:1.1rem;color:var(--text-secondary);margin:.2rem 0 .8rem;}.portfolio-link{display:inline-block;font-size:1.2rem;font-weight:600;color:var(--accent-primary);background:var(--accent-glow);border:1px solid var(--border-accent);padding:.4rem 1.2rem;border-radius:var(--radius-pill);margin-bottom:.6rem;transition:background var(--transition-fast),color var(--transition-fast);}.portfolio-link:hover{background:var(--accent-primary);color:var(--bg-primary);}.portfolio-layer a,.portfolio-link-private{display:inline-flex;justify-content:center;align-items:center;width:5rem;height:5rem;background:var(--text-primary);border-radius:50%;cursor:pointer;border:none;}.portfolio-layer a i,button.portfolio-link-private{border:none;padding:0;}.portfolio-link-private i{font-size:2rem;color:var(--surface);}.portfolio-cta{text-align:center;margin-top:3.5rem;}.portfolio-cta-btn{font-size:1.4rem;padding:.9rem 2.4rem;letter-spacing:.3px;}.portfolio-cta-btn i{transition:transform var(--transition-fast);display:inline-block;}.portfolio-cta-btn:hover i{transform:translateX(4px);}.projects-hero{padding:clamp(8rem,12vw,10rem) 9% 3rem;text-align:center;}.projects-hero h1{font-size:clamp(2.6rem,6vw,4.2rem);margin:1.2rem 0 .8rem;overflow-wrap:break-word;}.projects-hero h1 span{color:var(--accent-primary);}.projects-subtitle{font-size:1.6rem;color:var(--text-secondary);max-width:56rem;margin:0 auto 1rem;line-height:1.6;}.projects-count{font-size:1.2rem;color:var(--text-secondary);font-weight:600;}.projects-back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:1.3rem;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);}.projects-back-link:hover{color:var(--accent-primary);}.projects-filter-bar,.tech-filter-bar{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;padding:2rem 9% 3rem;}@media (max-width:600px){.projects-filter-bar,.tech-filter-bar{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:1rem;scroll-snap-type:x proximity;gap:.6rem;}.projects-filter-bar::-webkit-scrollbar,.tech-filter-bar::-webkit-scrollbar{display:none;}.filter-btn{scroll-snap-align:start;flex-shrink:0;white-space:nowrap;}}.filter-btn{font-family:'Poppins',sans-serif;font-size:clamp(1.15rem,2.2vw,1.3rem);font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color);padding:.6rem 1.4rem;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);min-height:38px;white-space:nowrap;}.filter-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);}.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary);}.projects-full-grid{padding:0 9% 6rem;}.projects-empty{grid-column:1 / -1;text-align:center;padding:6rem 2rem;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg);}.projects-empty p{font-size:1.5rem;color:var(--text-secondary);margin:1rem 0 1.6rem;}.projects-empty-icon{font-size:4.2rem;color:var(--accent-primary);opacity:.85;display:block;margin:0 auto 1rem;}.projects-cta{text-align:center;padding:3.5rem 9% 4rem;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}.projects-cta .footer-statement{margin-bottom:.8rem;}.projects-cta p{font-size:1.5rem;color:var(--text-secondary);max-width:62rem;margin:0 auto 2rem;line-height:1.7;}.projects-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}@media (max-width:768px){.projects-cta{padding:2.8rem max(5%,env(safe-area-inset-left)) 3rem max(5%,env(safe-area-inset-right));}.filter-btn{min-height:44px;}#blog-filters .filter-btn{min-height:44px;}}@media (max-width:1024px){.portfolio-container{grid-template-columns:repeat(2,1fr);}}@media (max-width:640px){.portfolio-container{grid-template-columns:1fr;gap:1.2rem;}.portfolio-container .portfolio-box{aspect-ratio:4/3.4;}}@media (max-width:768px){.projects-hero{padding:8rem 5% 2rem;}.projects-filter-bar{padding:1.5rem 5% 2rem;}}@media (max-width:480px){.projects-subtitle{font-size:clamp(1.3rem,3.5vw,1.5rem);}}.contact{min-height:auto;padding-bottom:7rem;background:var(--bg-secondary);}.contact h2{text-align:center;width:100%;margin-bottom:4rem;font-size:4.5rem;}.contact h2 span{color:var(--accent-primary);}.contact-container{max-width:80rem;width:min(100%,80rem);margin:0 auto;text-align:center;padding:0 max(0px,env(safe-area-inset-left)) 0 max(0px,env(safe-area-inset-right));}#contact-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:clamp(1.8rem,4vw,3.5rem);box-shadow:var(--shadow-sm);width:100%;max-width:100%;}body.light-mode #contact-form{background:transparent;backdrop-filter:none;border:1px solid var(--border);}@supports not (backdrop-filter:blur(1px)){#contact-form{background:transparent;}}.contact .input-group{display:flex;justify-content:space-between;flex-wrap:wrap;gap:clamp(1rem,2vw,1.5rem);}.contact .input-field{position:relative;flex:1 1 min(100%,260px);min-width:min(100%,260px);width:auto;margin:0.4rem 0;}.contact .input-field input,.contact .textarea-field textarea{width:100%;max-width:100%;padding:1.4rem 1.2rem;font-size:max(1.6rem,16px);color:var(--text-primary);background:transparent;border-radius:.8rem;border:.15rem solid var(--border-accent);transition:border-color .2s ease,box-shadow .2s ease;min-height:48px;}.contact .input-field input::placeholder,.contact .textarea-field textarea::placeholder{color:var(--text-primary);opacity:0.7;}.contact .textarea-field{position:relative;margin:1.5rem 0 2.5rem;display:flex;}.contact .textarea-field textarea{resize:none;}.contact .input-field input:focus,.contact .textarea-field textarea:focus{border-color:var(--text-primary);box-shadow:0 0 1rem var(--accent-primary);}.contact .btn-box .btn{cursor:pointer;width:100%;max-width:20rem;}@media (max-width:640px){.contact .input-group{flex-direction:column;}.contact .input-field{flex-basis:100%;min-width:100%;}.contact-options{gap:.8rem;}.contact-options a{font-size:1.2rem;padding:.6rem 1.2rem;min-height:44px;}.service-page .service-hero img,.about-page .about-img-main img{height:auto;}}.contact-lead{text-align:center;font-size:1.5rem;max-width:62rem;margin:1rem auto 1.6rem;line-height:1.7;color:var(--text-primary);}.contact-options{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;}.contact-options a{display:inline-flex;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:600;color:var(--accent-primary);border:1px solid var(--border-accent);background:var(--accent-glow);padding:.6rem 1.4rem;border-radius:var(--radius-pill);transition:background var(--transition-fast),color var(--transition-fast);}.contact-options a:hover{background:var(--accent-primary);color:var(--bg-primary);}.contact-email{overflow-wrap:break-word;word-break:break-all;}#form-status{overflow-wrap:break-word;padding:0 1rem;}.about-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);margin:0 auto 2.8rem;}.about-page .about-toggle{display:flex;width:fit-content;margin:0 auto 2.8rem;}.entity-hero .about-toggle{background:var(--glass-bg);border-color:var(--glass-border);backdrop-filter:blur(8px);}.about-toggle-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.45rem 1.35rem;font-size:1.28rem;font-weight:600;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-pill);border:1px solid transparent;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);}.about-toggle-btn:hover{background:var(--accent-glow);color:var(--accent-primary);border-color:var(--border-accent);}.about-toggle-btn.active{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);box-shadow:0 2px 10px var(--accent-glow-strong);}.about-toggle-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;}@media (max-width:768px){.about-toggle-btn{min-height:44px;padding:.55rem 1.4rem;}}.service-page,.about-page{padding:clamp(8rem,12vw,13rem) max(16px,5%) 4rem;}.service-page .service-hero,.about-page .top-grid-2{gap:clamp(2rem,4vw,5rem);}@media (max-width:600px){.service-page .service-hero img,.about-page .about-img-main img{width:100%;max-width:100%;}.feature-grid{grid-template-columns:1fr!important;}}.footer{background:var(--bg-primary);border-top:1px solid var(--border);padding:4rem 9% 2.2rem;position:relative;}.footer-cta{text-align:center;padding:2.5rem 0 3.5rem;border-bottom:1px solid var(--border);margin-bottom:3.2rem;}.footer-statement{font-size:clamp(2.6rem,4vw,3.4rem);font-weight:700;color:var(--text-primary);margin-bottom:2rem;line-height:1.25;letter-spacing:-0.02em;}.footer-statement span{color:var(--accent-primary);}.footer-main{display:grid;grid-template-columns:1.6fr 0.9fr 1fr;gap:4rem 3rem;max-width:1200px;margin:0 auto 2.4rem;align-items:start;text-align:left;}.footer-brand h3{font-size:1.8rem;color:var(--text-primary);margin-bottom:.4rem;font-weight:600;letter-spacing:-0.01em;}.footer-brand p{font-size:1.3rem;line-height:1.6;color:var(--text-secondary);}.footer-brand .footer-tagline{color:var(--text-muted);margin-top:.8rem;line-height:1.75;max-width:36ch;font-size:1.25rem;}.footer-location{margin-top:1rem;font-size:1.2rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:.4rem;}.footer-location i{color:var(--accent-primary);}.footer-col{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;}.footer-col h4{font-size:1.15rem;letter-spacing:.14rem;text-transform:uppercase;color:var(--accent-primary);margin-bottom:.8rem;font-weight:600;}.footer-col a,.footer-email{font-size:1.3rem;color:var(--text-secondary);transition:color var(--transition-fast);line-height:1.5;}.footer-col a:hover,.footer-email:hover{color:var(--accent-primary);}.footer-social{display:flex;gap:.9rem;margin-bottom:.4rem;}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:1px solid var(--border-accent);background:var(--glass-bg-subtle);color:var(--accent-primary);font-size:1.7rem;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);}.footer-social a:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translateY(-2px);border-color:var(--accent-primary);}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem 2rem;border-top:1px solid var(--border);padding-top:1.6rem;margin-top:.4rem;font-size:1.2rem;color:var(--text-muted);max-width:1200px;margin-left:auto;margin-right:auto;}.footer-bottom p{margin:0;}.footer-bottom .footer-signature{flex:1;text-align:center;min-width:180px;}.footer-bottom a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--accent-primary);border-radius:var(--radius-sm);color:var(--bg-primary);font-size:1.8rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast);}.footer-bottom a:hover{transform:translateY(-2px);}.footer-top{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent-primary);color:var(--bg-primary)!important;font-size:1.25rem;font-weight:600;width:auto!important;height:auto!important;min-width:44px;min-height:44px;padding:.7rem 1.5rem;border-radius:var(--radius-pill);box-shadow:0 4px 12px var(--accent-glow-strong);transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0;}.footer-top i{font-size:1.6rem;}.footer-top:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--accent-glow-strong);}.footer-top:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;}@media (max-width:900px){.footer-main{grid-template-columns:1fr;text-align:center;gap:2.8rem;}.footer-brand .footer-tagline{max-width:48ch;margin-left:auto;margin-right:auto;}.footer-col{align-items:center;}.footer-social{justify-content:center;}.footer-location{justify-content:center;}}@media (max-width:768px){.footer{padding:3rem 5% 2rem;}.footer-statement{font-size:2.4rem;}.footer-cta{padding:2.2rem 0 2.5rem;margin-bottom:2.2rem;}.footer-bottom{flex-direction:column;gap:1rem;text-align:center;justify-content:center;padding-bottom:max(1rem,env(safe-area-inset-bottom));}.footer-bottom .footer-signature{flex:none;min-width:0;overflow-wrap:anywhere;}.footer-email{overflow-wrap:anywhere;}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,.portfolio-box:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important;}#scroll-progress{transition:none!important;}}:root{--space-xs:clamp(0.8rem,1.5vw,1.2rem);--space-sm:clamp(1.2rem,2vw,1.8rem);--space-md:clamp(1.8rem,3vw,2.8rem);--space-lg:clamp(2.8rem,5vw,4.8rem);--space-xl:clamp(4rem,7vw,8rem);}@media (max-width:1200px){html{font-size:58%;}}@media (max-width:991px){.header{padding:1.2rem 3%;}section{padding:var(--section-padding-mobile) 3% 2rem;}.services,.portfolio{padding-bottom:5rem;}.contact{min-height:auto;}.footer{padding:3rem 3% 2rem;}}@media (max-width:820px){#menu-icon{display:inline-flex;}.navbar{position:absolute;top:calc(100%+.6rem);left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));width:auto;max-height:calc(100dvh - 7rem - env(safe-area-inset-top));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:1.2rem 1.2rem;background:rgba(30,34,41,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:none;gap:.2rem;}.navbar.active{display:flex;flex-direction:column;}.navbar a{display:flex;align-items:center;min-height:44px;font-size:1.6rem;padding:.9rem 1rem;margin:0;border-radius:var(--radius-sm);}.navbar #darkMode-icon{align-self:flex-start;margin-left:.2rem;margin-top:.6rem;}body.menu-open{overflow:hidden;touch-action:none;}.home{flex-direction:column;padding-top:clamp(7rem,12vw,8rem);padding-bottom:3rem;gap:3rem;text-align:left;}.home-content{order:1;}.home-img{order:2;}.avatar-glow-wrapper{width:min(68vw,24rem);height:min(68vw,24rem);}.img-badge{right:4%;bottom:1%;font-size:.85rem;}.about{flex-direction:column-reverse;gap:2.4rem;}.about-img img{width:100%;max-width:32rem;margin:0 auto;}.section-eyebrow{font-size:1rem;}.services-container{flex-direction:column;}.experience-grid{grid-template-columns:1fr;}.hero-meta{justify-content:flex-start;}.hero-chips{justify-content:flex-start;}}@media (max-width:600px){.home{text-align:left;}.social-media{justify-content:flex-start;}}@media (max-width:480px){.home{padding-top:7rem;}.avatar-glow-wrapper{width:min(72vw,20rem);height:min(72vw,20rem);}}@media (max-width:480px){html{font-size:56%;}.contact form .input-box input{width:100%;}}@media (max-width:360px){html{font-size:60%;}section{padding-left:max(4%,env(safe-area-inset-left))!important;padding-right:max(4%,env(safe-area-inset-right))!important;}}@media (max-width:320px){html{font-size:59%;}.btn{padding:1rem 1.8rem;font-size:1.45rem;}}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:4rem auto 0;padding:0 2rem;}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.bento-grid{grid-template-columns:1fr;gap:2.5rem;}}@media (max-width:850px){.bento-grid{grid-template-columns:1fr;}}.bento-item{position:relative;background:var(--surface);padding:4rem 3rem;border-radius:2rem;overflow:hidden;border:1px solid rgba(255,255,255,0.05);transition:0.4s cubic-bezier(0.175,0.885,0.32,1.275);}.step-number{position:absolute;top:1rem;right:2rem;font-size:6rem;font-weight:900;color:var(--accent-primary);opacity:0.05;transition:0.4s;}.bento-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.05),transparent);transition:0.6s;}.bento-item:hover::before{left:100%;}.bento-item:hover{transform:translateY(-10px);border-color:var(--accent-primary);box-shadow:0 20px 40px rgba(0,0,0,0.4);}.bento-item:hover .step-number{opacity:0.2;transform:scale(1.1);}.glow-btn{box-shadow:0 0 20px rgba(135,192,61,0.3);border:none;position:relative;z-index:1;}.glow-btn:hover{box-shadow:0 0 40px rgba(135,192,61,0.6);transform:scale(1.05);}.bento-item h3,.bento-item h4,.pillar-box h3,.pillar-box h4{font-size:2.2rem;font-weight:700;color:var(--accent-primary);margin-bottom:1.2rem;text-transform:capitalize;letter-spacing:0.5px;}.bento-item p,.pillar-box p{font-size:1.5rem;font-weight:300;line-height:1.6;color:var(--text-primary);margin:0 auto;max-width:90%;}.bento-item i{font-size:3.2rem;margin-bottom:1.5rem;color:var(--accent-primary);display:block;}.process{padding-top:5rem;}@media (max-width:1024px){.about-page .top-grid-2{grid-template-columns:1fr;text-align:center;}.about-page .bento-grid{grid-template-columns:repeat(2,1fr);}.about-page .bottom-grid-3{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.about-page{padding:10rem 5% 5rem;}.about-page .top-grid-2{gap:3rem;}.about-page .about-img-main img{width:80%;margin:0 auto;}.about-page .bento-grid{grid-template-columns:1fr;gap:2.5rem;}.about-page .bottom-grid-3{grid-template-columns:1fr;gap:3rem;}.about-page .bento-item,.about-page .pillar-box{padding:3rem 2rem;text-align:center;}.about-page .bento-item h3,.about-page .bento-item h4,.about-page .pillar-box h3,.about-page .pillar-box h4{font-size:2.2rem;}.heading{font-size:3.5rem;}}#scroll-progress{position:fixed;top:0;left:0;width:0%;height:4px;background:var(--accent-primary);z-index:var(--z-progress);transition:width 0.1s;}.portfolio-box,.blog-box{cursor:pointer;}.dropdown{position:relative;display:inline-block;}.dropdown .dropbtn{background:none;border:none;font-size:1.35rem;font-weight:500;color:var(--text-secondary);margin-left:.6rem;padding:.5rem 1.1rem;border-radius:var(--radius-pill);cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:.3rem;transition:color var(--transition-fast),background var(--transition-fast);}.dropdown .dropbtn:hover{color:var(--text-primary);}.dropdown .dropbtn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;}.dropdown-content{display:none;position:absolute;background:var(--surface-elevated);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);min-width:240px;box-shadow:var(--shadow-floating);border-radius:var(--radius-lg);z-index:var(--z-dropdown);top:100%;border:1px solid var(--glass-border);padding:1rem 0;margin-top:1rem;}.dropdown-content a{color:var(--text-primary);padding:1.2rem 2rem;text-decoration:none;display:flex;align-items:center;gap:1.2rem;font-size:1.5rem;transition:0.3s ease;margin-left:0;}.dropdown-content a i{font-size:2rem;color:var(--accent-primary);}.dropdown-content a:hover{background:var(--bg-primary);color:var(--accent-primary);padding-left:2.5rem;}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown.active .dropdown-content{display:block;animation:dropFade 0.3s ease;}@keyframes dropFade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}@media (max-width:820px){.dropdown{width:100%;}.dropdown .dropbtn{width:100%;justify-content:space-between;}.dropdown-content{position:static;display:none;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none;padding:.6rem 0;margin-top:.6rem;margin-left:0;min-width:0;width:100%;}.dropdown-content a{font-size:1.45rem;padding:1rem 1.2rem;min-height:44px;}.dropdown.active .dropdown-content{display:block;}.dropdown .dropbtn i{transition:transform .25s ease;}.dropdown.active .dropbtn i{transform:rotate(180deg);}}section.blog{padding-top:clamp(8rem,12vw,13rem);padding-bottom:4rem;}.blog-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(1.4rem,2.5vw,2.5rem);max-width:1200px;margin:0 auto;width:100%;}@media (max-width:360px){.blog-container{grid-template-columns:1fr;}}.blog-box{background:var(--surface);border-radius:1.5rem;overflow:hidden;border:.1rem solid var(--surface);transition:.4s ease;display:flex;flex-direction:column;}.blog-box:hover{border-color:var(--accent-primary);transform:translateY(-0.7rem);}.blog-img img{width:100%;height:18rem;object-fit:cover;}.blog-content{padding:clamp(1.6rem,3vw,2rem);display:flex;flex-direction:column;flex:1;min-width:0;}.blog-content h2,.blog-content h3{font-size:clamp(1.6rem,3.5vw,1.9rem);line-height:1.35;margin:.8rem 0;overflow-wrap:break-word;}.blog-content h4{font-size:clamp(1.6rem,3.5vw,1.8rem);margin:1rem 0;}.blog-content p{font-size:clamp(1.35rem,2.5vw,1.45rem);line-height:1.6;margin-bottom:1.4rem;flex:1;}.blog-content .btn{align-self:flex-start;margin-top:auto;}.about-page .bento-grid{gap:3rem;max-width:1400px;grid-template-columns:repeat(2,1fr);}@media (max-width:1024px){.about-page .bento-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.about-page .bento-grid{grid-template-columns:1fr;gap:2.5rem;}}.about-page .bento-item{padding:3rem 2rem;}.about-page .bento-item h3,.about-page .bento-item h4{font-size:2.1rem;font-weight:700;color:var(--accent-primary);margin-bottom:1rem;}.project-card h3{font-size:clamp(1.5rem,3vw,1.6rem);font-weight:600;line-height:1.4;}.about-page .bento-item p{font-size:1.4rem;line-height:1.6;}.about-page{padding:15rem 9% 5rem;}.about-page .top-grid-2{display:grid;grid-template-columns:1.2fr 0.8fr;gap:5rem;align-items:center;margin-bottom:8rem;}.about-page .bottom-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1300px;margin:4rem auto 0;padding:0 2rem;}.pillar-box{background:var(--surface);padding:2rem;border-radius:2.5rem;text-align:center;border:.2rem solid transparent;transition:0.4s ease;}.pillar-box:hover{border-color:var(--accent-primary);transform:translateY(-10px);}.pillar-box h3,.pillar-box h4{font-size:2.2rem;color:var(--text-primary);margin:1.5rem 0 1rem;}.pillar-box p{font-size:1.5rem;line-height:1.6;}@media (max-width:1100px){.about-page .bottom-grid-3{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.about-page .bottom-grid-3{grid-template-columns:1fr;}}@media (max-width:768px){.avatar-glow-wrapper{width:min(70vw,24rem);height:min(70vw,24rem);}}@media (max-width:768px){.about-page{padding:8rem 5% 3rem!important;}.about-page .top-grid-2{display:flex!important;flex-direction:column!important;gap:1.8rem!important;margin-bottom:3rem!important;}.about-page .about-img-main{order:-1!important;width:100%!important;display:flex!important;justify-content:center!important;margin-bottom:.2rem!important;}.about-page .about-img-main img{width:100%!important;max-width:300px!important;margin:0 auto!important;}.about-page .about-text-main{order:1!important;}.about-page .process{padding:3rem 0!important;}.about-page .bento-grid{grid-template-columns:1fr;gap:1.2rem;padding:0;}.about-page .bottom-grid-3{grid-template-columns:1fr;gap:1.2rem;padding:0;margin-top:2rem;}.about-page .bento-item,.about-page .pillar-box{padding:1.8rem 1.4rem;text-align:center;}.about-page .bento-item h3,.about-page .bento-item h4,.about-page .pillar-box h3,.about-page .pillar-box h4{font-size:1.7rem;margin-bottom:.6rem;}.about-page .bento-item p,.about-page .pillar-box p{font-size:1.35rem;line-height:1.6;}.about-page .pillar-img{height:18rem;}.about-page .about-what-build{padding:1.6rem!important;margin-top:2.5rem!important;}.about-page .beyond-author-card{padding:1.6rem!important;gap:1.2rem;}.timeline-card{margin-top:2.5rem!important;padding:1.6rem!important;}}@media (max-width:480px){.about-page h1.heading{font-size:clamp(2.2rem,8vw,2.8rem)!important;margin-bottom:1.2rem!important;}.about-page .process h2.heading{font-size:clamp(1.9rem,6vw,2.3rem)!important;}.about-page h2[style*="font-size:3.5rem"]{font-size:2.2rem!important;margin-top:3rem!important;}}.post-detail{padding:clamp(8rem,12vw,12rem) max(16px,5%) 4rem;max-width:760px;width:min(100% - 32px,760px);margin:0 auto;}@media (min-width:820px){.post-detail{width:min(100% - 64px,760px);}}.breadcrumb{display:flex;align-items:center;gap:.6rem;font-size:1.2rem;color:var(--text-muted);margin-bottom:2rem;flex-wrap:wrap;}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);}.breadcrumb a:hover{color:var(--accent-primary);}.breadcrumb .separator{opacity:.4;}.breadcrumb .current{color:var(--text-primary);font-weight:500;}.post-header{margin-bottom:3rem;}.post-category{display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-primary);background:var(--accent-glow);border:1px solid var(--border-accent);padding:.4rem 1.2rem;border-radius:var(--radius-pill);margin-bottom:1.2rem;}.post-header h1{font-size:clamp(2.4rem,4.5vw,4rem);font-weight:700;line-height:1.2;margin-bottom:1.2rem;letter-spacing:-0.02em;}.post-meta{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;font-size:1.3rem;color:var(--text-muted);}.post-meta .author-name{color:var(--text-secondary);font-weight:500;}.post-meta .dot{opacity:.35;}.post-content{font-size:1.7rem;line-height:1.85;color:var(--text-secondary);}.post-content h2{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--text-primary);margin:3.5rem 0 1.2rem;line-height:1.3;}.post-content h3{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin:2.5rem 0 1rem;}.post-content p{margin-bottom:1.6rem;color:var(--text-secondary);}.post-content strong{color:var(--text-primary);font-weight:600;}.post-content em{color:var(--text-secondary);}.post-content ul,.post-content ol{margin:1.2rem 0 1.6rem 2rem;color:var(--text-secondary);}.post-content li{margin-bottom:.6rem;padding-left:.4rem;}.post-content li::marker{color:var(--accent-primary);}.post-content blockquote{border-left:3px solid var(--accent-primary);margin:2rem 0;padding:1.2rem 2rem;background:var(--glass-bg-subtle);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--text-secondary);}.post-content pre{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.4rem clamp(1.2rem,3vw,2rem);overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;font-size:clamp(1.2rem,2.2vw,1.35rem);line-height:1.6;max-width:100%;tab-size:2;}.post-content pre code{white-space:pre;word-break:normal;overflow-wrap:normal;}.post-content table{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:1.5rem 0;display:block;}.post-content table thead,.post-content table tbody,.post-content table tr{display:table;width:100%;table-layout:fixed;}.post-content table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;max-width:100%;}.post-content table-wrapper table{width:100%;border-collapse:collapse;display:table;}.post-content table-wrapper table thead,.post-content table-wrapper table tbody,.post-content table-wrapper table tr{display:table;width:100%;table-layout:fixed;}.post-content th,.post-content td{padding:1rem 1.2rem;text-align:left;border-bottom:1px solid var(--border);font-size:1.5rem;line-height:1.5;vertical-align:top;}.post-content th{font-weight:600;color:var(--text-primary);background:var(--glass-bg-subtle);white-space:nowrap;}.post-content td{color:var(--text-secondary);}.post-content img,.post-content video,.post-content iframe{max-width:100%;height:auto;border-radius:var(--radius-sm);}.post-content code{font-family:'JetBrains Mono',monospace;font-size:.9em;background:rgba(135,192,61,.08);padding:.15rem .4rem;border-radius:4px;color:var(--accent-primary);}.post-content pre code{background:none;padding:0;color:var(--text-primary);}.post-content a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(135,192,61,.3);transition:text-decoration-color var(--transition-fast);}.post-content a:hover{text-decoration-color:var(--accent-primary);}.post-content hr{border:none;height:1px;background:var(--border);margin:3rem 0;}.post-takeaways{background:var(--glass-bg-subtle);border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:2rem 2.5rem;margin:2rem 0 3rem;}.post-takeaways h3{font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);margin-bottom:1rem;}.post-takeaways ul{margin:0;padding-left:1.5rem;}.post-takeaways li{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-secondary);}.author-card{margin-top:4rem;padding:2.5rem;background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);display:flex;gap:2rem;align-items:center;}.author-card img{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0;}.author-card h3{font-size:1.8rem;margin-bottom:.3rem;}.author-card .author-title{font-size:1.3rem;color:var(--text-secondary);margin-bottom:.4rem;}.author-card .author-bio{font-size:1.3rem;color:var(--text-muted);line-height:1.6;}.author-card .author-links{display:flex;gap:.8rem;margin-top:1rem;flex-wrap:wrap;}.author-card .author-links a{display:inline-flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:500;color:var(--accent-primary);text-decoration:none;padding:.5rem 1.2rem;border-radius:var(--radius-pill);background:var(--accent-glow);border:1px solid var(--border-accent);transition:all var(--transition-fast);}.author-card .author-links a:hover{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow-strong);}.related-articles{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border);}.related-articles h3{font-size:2rem;margin-bottom:1.5rem;}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;}.related-card{padding:1.8rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;display:flex;flex-direction:column;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);}.related-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm);}.related-card h4{font-size:1.5rem;color:var(--text-primary);margin-bottom:.4rem;flex:1;}.related-card p{font-size:1.2rem;color:var(--text-muted);margin:0;margin-top:auto;}.post-cta{margin-top:4rem;padding:3rem;background:var(--surface);border:1px solid var(--border-accent);border-radius:var(--radius-xl);text-align:center;}.post-cta h3{font-size:2rem;margin-bottom:.8rem;}.post-cta p{font-size:1.5rem;color:var(--text-secondary);max-width:50rem;margin:0 auto 1.5rem;line-height:1.7;}@media (max-width:768px){.post-detail{padding:8.5rem 5% 3rem;}.post-header h1{font-size:clamp(2.2rem,6vw,2.8rem);line-height:1.25;}.post-content{font-size:clamp(1.5rem,3.5vw,1.6rem);}.author-card{flex-direction:column;text-align:center;padding:2rem;}.author-card .author-links{justify-content:center;}.related-grid{grid-template-columns:1fr;}.breadcrumb{font-size:1.15rem;}}@media (max-width:360px){.post-takeaways{padding:1.6rem;}.post-cta{padding:2rem 1.4rem;}}.faq-section{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border);}.faq-section h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;}.faq-item{margin-bottom:1.5rem;}.faq-item summary{font-size:1.6rem;font-weight:600;color:var(--text-primary);cursor:pointer;padding:1.2rem 0;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:48px;transition:color var(--transition-fast);}.faq-item summary:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:.4rem;}.faq-item summary:hover{color:var(--accent-primary);}.faq-item summary::after{content:'+';font-size:2.2rem;font-weight:300;color:var(--accent-primary);transition:transform 0.2s ease;flex-shrink:0;margin-left:1rem;}.faq-item[open] summary::after{transform:rotate(45deg);}.faq-item summary::-webkit-details-marker{display:none;}.faq-item summary::marker{display:none;content:'';}.faq-item p{font-size:1.5rem;line-height:1.7;color:var(--text-secondary);padding:0.5rem 0 1rem 0;}@media (max-width:768px){.faq-section h3{font-size:1.8rem;}.faq-item summary{font-size:1.5rem;padding:1rem 0;}.faq-item p{font-size:1.4rem;}}@media (orientation:landscape) and (max-height:520px){.home{min-height:auto;padding-top:6.5rem;padding-bottom:2rem;}.avatar-glow-wrapper{width:18rem;height:18rem;}.navbar{max-height:calc(100dvh - 4rem);}}@media (max-width:375px){section{padding-left:4%!important;padding-right:4%!important;}.header{padding:.85rem 4%;gap:.6rem;min-height:4.9rem;}.logo{font-size:1.42rem;letter-spacing:-0.02em;}.hero-badge{font-size:1.05rem;padding:.4rem 1rem;}.social-media a{width:42px;height:42px;min-width:42px;min-height:42px;font-size:1.8rem;}.tech-grid{gap:.7rem;}}@media (max-width:320px){.header{padding:.8rem 4%;gap:.5rem;min-height:4.8rem;}.logo{font-size:1.32rem;letter-spacing:-0.015em;}.home-content h1{font-size:clamp(2.45rem,8vw,2.85rem)!important;}.portfolio-layer p{display:none;}.portfolio-tags{display:none;}.portfolio-link{font-size:1.1rem;}.blog-img img{height:16rem;}}@media (max-width:430px){.home{padding:7rem 5% 2.2rem;gap:2rem;}.home::before{display:none;}.hero-badge{font-size:1rem;padding:.32rem .85rem;margin-bottom:.9rem;letter-spacing:.02em;}.hero-badge .dot{width:.55rem;height:.55rem;}.eyebrow{font-size:.92rem;letter-spacing:.16em;margin-bottom:.55rem;opacity:.9;}.home-content h1{font-size:clamp(2.75rem,8.5vw,3.1rem);line-height:1.06;margin-bottom:.5rem;}.hero-value{font-size:1.38rem;line-height:1.6;margin:.9rem 0 .7rem;max-width:100%;}.hero-personality{font-size:1.42rem;line-height:1.55;margin-bottom:1rem;opacity:1;font-weight:400;color:var(--text-secondary);letter-spacing:.02em;}.social-media{margin:1.15rem 0;gap:.7rem;}.social-media a{width:44px;height:44px;min-width:44px;min-height:44px;font-size:1.75rem;}.btn-group{gap:.75rem;margin-top:1.2rem;}.btn-group .btn{padding:.92rem 1.4rem;font-size:1.42rem;min-height:46px;}.hero-meta{font-size:.98rem;letter-spacing:.1rem;margin-top:1rem;gap:.6rem 1rem;}.hero-chips{gap:.4rem;margin-top:.9rem;}.hero-chips .chip{font-size:.88rem;padding:.28rem .62rem;border-radius:var(--radius-sm);opacity:.95;}.avatar-glow-wrapper{width:min(58vw,19.5rem);height:min(58vw,19.5rem);border-width:2px;box-shadow:0 0 18px var(--accent-glow);}.home-img::before{width:22rem;height:22rem;filter:blur(20px);opacity:.7;}.img-badge{font-size:.78rem;padding:.22rem .6rem;right:2%;bottom:0;}section{padding:3rem 5% 2.2rem;}.section-eyebrow{font-size:.92rem;letter-spacing:.18rem;margin-bottom:.45rem;}.heading{font-size:clamp(2.15rem,6.5vw,2.6rem);line-height:1.2;margin-bottom:.9rem;}.heading+p,.section-eyebrow+.heading{margin-top:.2rem;}.about-content p,.services-box p,.exp-card p,.beyond-code-card p{font-size:1.38rem;line-height:1.65;}#about .about-content p{font-size:1.38rem;line-height:1.65;}.contact-lead{font-size:1.38rem;margin:.6rem auto 1.2rem;line-height:1.6;padding:0 .2rem;}.header{min-height:5rem;padding:.9rem 5%;}.logo{font-size:1.55rem;}#menu-icon{width:44px;height:44px;min-width:44px;min-height:44px;font-size:2.5rem;}.portfolio-container{gap:0.8rem;grid-template-columns:repeat(2,1fr);}.portfolio-container .portfolio-box{border-radius:var(--radius-md);aspect-ratio:4/3.4;}.portfolio-layer{padding:0.9rem 0.7rem;}.portfolio-layer h4{font-size:1.22rem;line-height:1.25;}.portfolio-layer p{font-size:1.05rem;line-height:1.45;max-width:100%;margin:.25rem 0 .3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.portfolio-tags{gap:.25rem;margin:.25rem 0;}.portfolio-tags span{font-size:.82rem;padding:.15rem .4rem;}.portfolio-link{font-size:.98rem;padding:.28rem .7rem;}.portfolio-cta{margin-top:2rem;}.experience-grid{gap:1.1rem;margin-top:2rem;}.exp-card{padding:1.8rem 1.4rem;}.exp-card p{font-size:1.32rem;}.stack-grid{gap:1rem;}.stack-group{padding:1.6rem;}.tech-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;}.tech-card{padding:1.1rem .7rem;}.tech-card-name{font-size:1.05rem;}.blog-container{gap:1.1rem;}.blog-box{border-radius:1.2rem;}.blog-img img{height:15.5rem;}.blog-content{padding:1.3rem 1.2rem 1.4rem;}.blog-content h3{font-size:1.42rem;margin:.5rem 0 .4rem;}.blog-content p{font-size:1.28rem;line-height:1.55;margin-bottom:1rem;}.blog-content .badge{font-size:1rem;padding:.25rem .7rem;}#contact-form{border-radius:var(--radius-lg);}.contact .input-field input,.contact .textarea-field textarea{padding:1.2rem 1rem;font-size:16px;}.contact-options{gap:.6rem;margin-bottom:1.6rem;}.contact-options a{font-size:1.12rem;padding:.52rem 1rem;}.footer{padding:2.2rem 5% 1.6rem;}}@media (min-width:360px) and (max-width:430px){.home-content{max-width:100%;}.hero-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.2rem;}.hero-chips::-webkit-scrollbar{display:none;}.hero-chips .chip{flex-shrink:0;}}@media (max-width:768px){.home{padding-top:8.8rem!important;padding-top:calc(7rem+env(safe-area-inset-top,0px))!important;}.hero-badge{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin-bottom:12px!important;display:inline-flex;max-width:100%;}.home-content h1{line-height:1.15;overflow-wrap:break-word;word-break:normal;hyphens:auto;}}@media (max-width:375px){.home{padding-top:8.4rem!important;}}@media (max-width:320px){.home{padding-top:8rem!important;}}@media (max-width:768px){.home::before,.services::before{opacity:.45;}.bento-item::before{display:none;}}@media (max-width:768px) and (prefers-reduced-motion:reduce){.header.sticky,.services-box,.portfolio-box,.contact form{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface);}}@media (prefers-reduced-motion:reduce){.home-img::before,.hero-badge .dot,.img-badge::before{animation:none!important;}.avatar-glow-wrapper,.tech-card,.bento-item,.services-box,.portfolio-box{transition:none!important;}*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important;}}.how-card{background:var(--surface);border:1px solid var(--border);border-radius:1.4rem;padding:1.8rem 1.4rem;text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;width:100%;font-family:inherit;}.how-card:hover,.how-card:focus-visible{transform:translateY(-4px) scale(1.015);border-color:var(--border-accent);box-shadow:0 10px 28px rgba(0,0,0,.18),0 0 0 1px var(--accent-glow);background:var(--surface-elevated);outline:none;}.how-card:active{transform:translateY(-1px) scale(1.005);}.how-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;}.how-hint{display:inline-block;margin-top:.7rem;font-size:1.05rem;font-weight:600;color:var(--accent-primary);opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;}.how-card:hover .how-hint,.how-card:focus-visible .how-hint{opacity:1;transform:translateY(0);}@media (max-width:768px){.how-hint{opacity:1;transform:none;}}.how-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:500;padding:max(1.2rem,env(safe-area-inset-top)) max(1.2rem,env(safe-area-inset-right)) max(1.2rem,env(safe-area-inset-bottom)) max(1.2rem,env(safe-area-inset-left));}.how-modal.open{display:flex;}.how-modal-overlay{position:absolute;inset:0;background:rgba(10,12,16,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}.how-modal-content{position:relative;background:var(--surface);border:1px solid var(--border-accent);border-radius:1.6rem;padding:2.6rem 1.8rem 1.8rem;max-width:min(92vw,520px);width:100%;max-height:min(90dvh,90vh);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-lg);transform:translateY(8px) scale(.98);opacity:0;transition:transform .22s ease,opacity .22s ease;text-align:center;}.how-modal.open .how-modal-content{transform:none;opacity:1;}.how-modal-close{position:absolute;top:.9rem;left:50%;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-primary);font-size:1.8rem;line-height:1;cursor:pointer;display:grid;place-items:center;}.how-modal-close:hover{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);}.how-modal-step{font-size:1.05rem;font-weight:700;letter-spacing:.12em;color:var(--accent-primary);margin-bottom:.4rem;margin-top:.8rem;text-align:center;}.how-modal-content h3{font-size:1.9rem;margin-bottom:.4rem;text-align:center;}.how-modal-short{font-size:1.35rem;font-weight:600;color:var(--text-primary);margin-bottom:.8rem;text-align:center;}.how-modal-content p:last-child{text-align:center;}.how-modal-content p:last-child{font-size:1.35rem;line-height:1.7;color:var(--text-secondary);margin:0;}@media (prefers-reduced-motion:reduce){.how-card,.how-modal-content{transition:none;}}.currently{padding:2.8rem 9% 2.4rem;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}.currently-header{text-align:center;margin-bottom:1.6rem;}.currently-label{font-size:.95rem;font-weight:700;letter-spacing:.16em;color:var(--accent-primary);text-transform:uppercase;margin-bottom:.3rem;}.currently-heading{font-size:1.9rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;}.currently-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:1000px;margin:0 auto;}.currently-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:1.2rem;padding:1.3rem 1.2rem;display:flex;gap:1rem;align-items:flex-start;text-align:left;transition:border-color .2s ease,transform .2s ease;}.currently-card:hover{border-color:var(--border-accent);transform:translateY(-2px);}.currently-card i{font-size:1.7rem;color:var(--accent-primary);background:var(--accent-glow);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;}.currently-card h4,.currently-card .currently-label{font-size:1.05rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:.15rem;}.currently-card p{font-size:1.28rem;line-height:1.5;color:var(--text-secondary);}.currently-card strong{color:var(--text-primary);font-weight:600;}.currently-cta{text-align:center;margin-top:1.6rem;}.currently-btn{flex-shrink:0;}@media (max-width:780px){.currently-grid{grid-template-columns:1fr;max-width:520px;}}@media (max-width:430px){.currently{padding:2.2rem 5% 2rem;}.currently-card{padding:1.1rem 1rem;}}.how-section{padding:5rem 9% 4rem;background:var(--bg-primary);border-top:1px solid var(--border);}.how-intro{text-align:center;font-size:1.4rem;color:var(--text-secondary);max-width:62rem;margin:.8rem auto 3rem;}.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem;max-width:1100px;margin:0 auto;}.how-step-label{font-size:1.05rem;font-weight:700;letter-spacing:.1em;color:var(--accent-primary);display:block;}.how-step-short{font-size:1.3rem;margin-top:.6rem;line-height:1.6;color:var(--text-secondary);display:block;}.how-tagline{text-align:center;font-size:1.2rem;color:var(--text-muted);margin-top:1.6rem;font-style:italic;}.ask-section{padding:4rem 9%;background:var(--bg-secondary);border-top:1px solid var(--border);padding-left:max(9%,env(safe-area-inset-left));padding-right:max(9%,env(safe-area-inset-right));}.ask-intro{text-align:center;font-size:1.4rem;color:var(--text-secondary);max-width:60rem;margin:.8rem auto 2.4rem;}.faq-list{max-width:780px;margin:0 auto;display:grid;gap:.8rem;}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:1.2rem;padding:1.2rem 1.6rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;}.faq-item[open]{border-color:var(--border-accent);background:var(--surface-elevated);box-shadow:var(--shadow-sm);}.faq-summary{font-size:1.5rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:48px;color:var(--text-primary);transition:color var(--transition-fast);}.faq-summary:hover{color:var(--accent-primary);}.faq-summary:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:.4rem;}.faq-summary::after{content:'+';font-size:2rem;font-weight:300;color:var(--accent-primary);transition:transform .2s ease;flex-shrink:0;margin-left:1rem;}.faq-item[open] .faq-summary::after{transform:rotate(45deg);}.faq-summary::-webkit-details-marker{display:none;}.faq-summary::marker{display:none;content:'';}.faq-answer{font-size:1.35rem;line-height:1.7;color:var(--text-secondary);padding-top:.8rem;}.faq-answer a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:3px;}@media (max-width:430px){.ask-section{padding:2.8rem 5% 2.4rem;padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right));}.faq-item{padding:1rem 1.2rem;}.faq-summary{font-size:1.32rem;min-height:44px;}.faq-answer{font-size:1.28rem;}.ask-intro{font-size:1.32rem;}}#form-status{margin-top:2rem;font-size:1.8rem;display:none;}.footer-signature{font-style:italic;color:var(--text-secondary);font-size:1.1rem;}.experience-edu{margin-top:4rem;}.education-title{text-align:center;font-size:2.2rem;color:var(--text-primary);margin-bottom:2rem;}.beyond-author-card{margin-top:3rem;display:grid;grid-template-columns:1.25fr 0.85fr;gap:2.5rem;padding:2.8rem 2.5rem;background:var(--surface);border:1px solid var(--border-accent);border-radius:2rem;align-items:center;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;}.beyond-author-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px);}.beyond-author-kicker{display:flex;align-items:center;gap:.6rem;font-size:.92rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:.7rem;}.beyond-author-icon{width:32px;height:32px;border-radius:50%;background:var(--accent-glow);border:1px solid var(--border-accent);display:grid;place-items:center;font-size:1.45rem;color:var(--accent-primary);flex-shrink:0;}.beyond-author-title{font-size:clamp(1.7rem,3vw,1.95rem);font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em;}.beyond-author-lead{font-size:clamp(1.45rem,2.5vw,1.55rem);line-height:1.6;color:var(--text-primary);margin-bottom:.7rem;}.beyond-author-body{font-size:clamp(1.28rem,2.2vw,1.35rem);line-height:1.7;color:var(--text-secondary);}.beyond-author-quote{margin:1.4rem 0 0;padding:1rem 1.2rem 1rem 1.4rem;border-left:3px solid var(--accent-primary);background:var(--glass-bg-subtle);border-radius:0 .9rem .9rem 0;font-style:italic;font-size:clamp(1.22rem,2.2vw,1.32rem);line-height:1.6;color:var(--text-secondary);}.beyond-author-meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;margin-top:1.4rem;font-size:1.02rem;font-weight:500;color:var(--text-muted);}.beyond-author-meta .dot{opacity:.35;}.beyond-author-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;}.beyond-author-visual{perspective:800px;}.book-cover{width:170px;height:230px;background:linear-gradient(145deg,var(--bg-primary) 0%,var(--surface) 60%,var(--accent-glow) 100%);border:1px solid var(--border-accent);border-radius:.9rem;position:relative;display:flex;flex-direction:column;justify-content:center;padding:1.6rem 1.2rem 1.6rem 1.8rem;box-shadow:0 14px 28px rgba(0,0,0,.18),0 0 0 1px var(--accent-glow);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;font-family:inherit;text-align:left;}.book-cover:hover,.book-cover:focus-visible{transform:translateY(-4px) scale(1.02);box-shadow:0 18px 36px rgba(0,0,0,.22),0 0 0 1px var(--accent-glow);border-color:var(--border-accent);outline:none;}.book-cover:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;}.book-hint{position:absolute;bottom:.6rem;right:.6rem;font-size:.72rem;font-weight:600;color:var(--accent-primary);background:var(--surface);border:1px solid var(--border-accent);border-radius:999px;padding:.15rem .45rem;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;}.book-cover:hover .book-hint,.book-cover:focus-visible .book-hint{opacity:1;transform:none;}@media (max-width:768px){.book-hint{opacity:1;transform:none;}}.book-spine{position:absolute;left:0;top:0;bottom:0;width:9px;background:var(--accent-primary);border-radius:.9rem 0 0 .9rem;opacity:.95;}.book-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-primary);font-weight:700;margin-bottom:.5rem;}.book-title{font-size:1.45rem;font-weight:800;line-height:1.15;color:var(--text-primary);}.book-year{font-size:.82rem;color:var(--text-muted);margin-top:.7rem;line-height:1.4;}.book-shadow{width:110px;height:12px;background:radial-gradient(ellipse at center,rgba(0,0,0,.28) 0%,transparent 70%);margin-top:.9rem;border-radius:50%;}@media (max-width:900px){.beyond-author-card{grid-template-columns:1fr;gap:2rem;padding:2.2rem 1.8rem;}.beyond-author-visual{order:-1;}.book-cover{width:150px;height:200px;}}@media (max-width:430px){.beyond-author-card{padding:1.8rem 1.4rem;}.beyond-author-quote{padding:.9rem 1rem .9rem 1.2rem;}}.timeline-card{margin-top:6rem;padding:3rem 2.2rem;background:var(--surface);border:1px solid var(--border);border-radius:2rem;}.timeline-kicker{text-align:left;margin-bottom:.6rem;}.timeline-heading{font-size:clamp(1.9rem,4vw,2.2rem);margin-bottom:.4rem;}.timeline-heading::after{content:'';display:block;width:32px;height:3px;background:var(--accent-primary);border-radius:2px;margin-top:.6rem;}.timeline-track{display:grid;gap:2.2rem;border-left:2px solid rgba(135,192,61,0.35);padding-left:2.2rem;list-style:none;margin:1.8rem 0 0;}.timeline-item{position:relative;background:var(--bg-primary);border:1px solid var(--border);border-radius:1.2rem;padding:1.2rem 1.4rem;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;}.timeline-item::before{content:'';position:absolute;left:-29px;top:1.5rem;width:12px;height:12px;background:var(--accent-primary);border:3px solid var(--surface);border-radius:50%;box-shadow:0 0 10px var(--accent-glow);}.timeline-item:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm);}.timeline-date{display:inline-block;font-size:.92rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-primary);background:var(--accent-glow);border:1px solid var(--border-accent);border-radius:999px;padding:.28rem .7rem;margin-bottom:.4rem;}.timeline-title{font-size:clamp(1.4rem,3vw,1.6rem);font-weight:600;margin:.35rem 0 .2rem;color:var(--text-primary);}.timeline-desc{font-size:clamp(1.28rem,2.5vw,1.35rem);line-height:1.65;color:var(--text-secondary);}@media (max-width:768px){.timeline-card{padding:2.2rem 1.6rem;}.timeline-track{padding-left:1.8rem;gap:1.8rem;}.timeline-item::before{left:-25px;width:10px;height:10px;top:1.3rem;}}@media (max-width:430px){.timeline-card{padding:2rem 1.4rem;}.timeline-track{padding-left:1.6rem;gap:1.6rem;}}@media (prefers-reduced-motion:reduce){.timeline-item{transition:none;}}@media (min-width:1280px){.portfolio-container,.blog-container,.experience-grid,.bento-grid{max-width:min(1200px,92vw);}}.trust-bar{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:2.4rem 9%;}.trust-bar-inner{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(2rem,4vw,4rem);max-width:900px;margin:0 auto;}.trust-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;min-width:120px;}.trust-number{font-size:clamp(2.2rem,4vw,2.8rem);font-weight:700;color:var(--accent-primary);line-height:1.1;}.trust-label{font-size:1.15rem;font-weight:500;color:var(--text-secondary);letter-spacing:.03em;}@media (max-width:600px){.trust-bar{padding:2rem 5%;}.trust-bar-inner{gap:1.6rem;}.trust-item{min-width:100px;}.trust-number{font-size:2rem;}.trust-label{font-size:1.05rem;}}.case-study-page{padding:clamp(8rem,12vw,12rem) max(16px,9%) 5rem;max-width:900px;margin:0 auto;}.case-study-grid{margin-top:3rem;display:grid;gap:2.5rem;}.case-study-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.2rem 2.4rem;transition:border-color var(--transition-normal);}.case-study-block:hover{border-color:var(--border-accent);}.case-study-block h2{color:var(--accent-primary);font-size:2rem;margin-bottom:0.8rem;}.case-study-block p,.case-study-block li{font-size:1.5rem;line-height:1.8;color:var(--text-primary);}.case-study-block ul{padding-left:2rem;margin-top:0.8rem;}.related-crosslinks{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border);}.related-crosslinks h3{font-size:2.2rem;margin-bottom:1.8rem;color:var(--text-primary);}.text-left{text-align:left;}.text-center{text-align:center;}.mt-1{margin-top:1rem;}.mt-2{margin-top:2rem;}.mt-3{margin-top:3rem;}.mt-4{margin-top:4rem;}.mb-1{margin-bottom:1rem;}.mb-2{margin-bottom:2rem;}.mb-3{margin-bottom:3rem;}.mb-4{margin-bottom:4rem;}.about-hero-title{margin-bottom:1.2rem;}.about-eyebrow-left{text-align:left;margin-bottom:.8rem;}.about-subtitle{font-size:2.8rem;margin-bottom:1.6rem;}.about-text-lead{font-size:1.6rem;line-height:1.8;margin-bottom:1.6rem;max-width:62rem;}.about-text-body{font-size:1.5rem;line-height:1.8;color:var(--text-primary);max-width:62rem;}.about-text-body+.about-text-body{margin-top:1rem;}.about-stack-pills{margin-top:1.6rem;}.about-img-wrap{display:flex;justify-content:center;align-items:center;}.about-img-hero{width:100%;max-width:500px;border-radius:2rem;box-shadow:0 0 1.5rem rgba(135,192,61,0.15);border:1px solid var(--border);}.about-process{padding:8rem 0;border-top:1px solid var(--border);}.about-eyebrow-center{text-align:center;}.about-heading-lg{font-size:3.6rem;margin-bottom:1rem;text-align:center;}.about-intro-text{text-align:center;font-size:1.4rem;color:var(--text-secondary);max-width:62rem;margin:0 auto 4rem;}.about-bento-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}.about-tagline{text-align:center;font-size:1.25rem;color:var(--text-muted);margin-top:2rem;font-style:italic;}.about-section-title{text-align:center;font-size:3.5rem;margin-top:10rem;}.about-pillar-text{font-size:1.6rem;}.about-what-build{padding:3rem;border-radius:2rem;margin-top:8rem;}.about-what-build h3{font-size:2.2rem;margin-bottom:1rem;}.about-what-build p{font-size:1.5rem;line-height:1.7;color:var(--text-primary);max-width:70rem;}.about-recognition{margin-top:3rem;}.about-recognition-eyebrow{text-align:left;}.about-recognition-title{font-size:2.2rem;margin-bottom:1.6rem;}.about-recognition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem;}.about-achievement-card{background:var(--surface);border:1px solid var(--border-accent);padding:2rem;border-radius:1.5rem;}.about-achievement-card-alt{background:var(--surface);border:1px solid var(--border-color);padding:2rem;border-radius:1.5rem;}.about-achievement-icon{font-size:2.4rem;}.about-achievement-title{font-size:1.5rem;margin:.6rem 0;}.about-achievement-desc{font-size:1.35rem;color:var(--text-secondary);}.about-currently{margin-top:3rem;padding:2.5rem;background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:2rem;}.about-currently-label{font-size:1.2rem;font-weight:700;letter-spacing:.12em;color:var(--accent-primary);text-transform:uppercase;margin-bottom:1rem;}.about-currently-list{display:grid;gap:.8rem;font-size:1.4rem;line-height:1.7;}.about-currently-list strong{color:var(--text-primary);}.about-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem;margin-top:3rem;}.about-info-card{background:var(--surface);border:1px solid var(--border-color);padding:2rem;border-radius:1.5rem;}.about-info-card h4{font-size:1.5rem;color:var(--accent-primary);}.about-info-card p{font-size:1.4rem;line-height:1.6;margin-top:.6rem;}.about-cta-box{text-align:center;margin-top:6rem;padding:3rem;background:var(--surface);border:1px solid var(--border);border-radius:2rem;}.about-cta-box h3{font-size:2rem;margin-bottom:.8rem;}.about-cta-box p{font-size:1.4rem;color:var(--text-secondary);max-width:52rem;margin:0 auto 1.6rem;}.about-cta-sub{margin-top:1rem;font-size:1.2rem;color:var(--text-muted);text-align:center;}.about-cta-email{color:var(--accent-primary);}.service-hero-title{text-align:left;font-size:4rem;}.service-hero-text{font-size:1.6rem;margin:2rem 0;line-height:1.8;}.service-hero-img{width:100%;border-radius:2rem;box-shadow:0 0 2rem var(--main-color);}.service-section-title{font-size:3rem;margin-bottom:4rem;}.service-feature-icon{font-size:4rem;color:var(--main-color);margin-bottom:1rem;}.service-feature-title{font-size:2rem;margin-bottom:1rem;}.service-feature-text{font-size:1.4rem;}.service-page{padding:15rem 9% 5rem;}.service-hero{display:grid;grid-template-columns:1.2fr 0.8fr;gap:4rem;align-items:center;margin-bottom:8rem;}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}.feature-box{background:var(--second-bg-color);padding:3rem;border-radius:2rem;border:.2rem solid transparent;transition:.5s;}.feature-box:hover{border-color:var(--main-color);transform:translateY(-5px);}.highlight{color:var(--main-color);font-weight:700;}@media (max-width:991px){.service-hero{grid-template-columns:1fr;}}.blog-subtitle{text-align:center;font-size:1.4rem;color:var(--text-secondary);max-width:62rem;margin:1rem auto 0;}.blog-filters-bar{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:2rem auto 1.6rem;max-width:800px;}.blog-noscript-msg{font-size:1.3rem;color:var(--text-secondary);}.blog-topics-bar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem;font-size:1.15rem;color:var(--text-muted);}.blog-topic-chip{background:var(--accent-glow);border:1px solid var(--border-accent);color:var(--accent-primary);padding:.2rem .6rem;border-radius:999px;}.blog-article-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.6rem 0 1rem;}.blog-article-tag{font-size:1.05rem;background:var(--accent-glow);border:1px solid var(--border-accent);color:var(--text-secondary);padding:.2rem .6rem;border-radius:999px;}html{color-scheme:dark;}body.light-mode{color-scheme:light;}html,body{max-width:100%;}body{-webkit-tap-highlight-color:rgba(135,192,61,.12);}section{padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right));}@media (max-width:820px){.header,.header.sticky{padding-top:max(.75rem,env(safe-area-inset-top));padding-bottom:.75rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));min-height:5.6rem;}.logo{font-size:clamp(1.5rem,4.4vw,1.9rem);}.navbar{max-width:calc(100vw - 2rem);max-height:calc(100dvh - 7rem);}.navbar a,.dropdown .dropbtn{min-height:48px;}.dropdown-content a{min-height:48px;}}@media (max-width:820px){.home{min-height:auto;padding-top:max(7rem,calc(6rem+env(safe-area-inset-top)));padding-bottom:4rem;gap:2.4rem;align-items:stretch;}.home-content{max-width:46rem;margin:0 auto;}.home-img{width:100%;margin:0 auto;}.home-content h1{font-size:clamp(2.8rem,10vw,4.2rem);line-height:1.05;letter-spacing:-.035em;}.name-nowrap{white-space:normal;}.hero-badge{max-width:100%;padding:.5rem .9rem;font-size:1.05rem;}.hero-value,.hero-personality{font-size:clamp(1.5rem,4vw,1.7rem);line-height:1.65;}.hero-meta{font-size:1rem;letter-spacing:.09rem;}.hero-chips{gap:.5rem;}.hero-chips .chip{font-size:1rem;padding:.42rem .8rem;}.avatar-glow-wrapper{width:min(72vw,22rem);height:min(72vw,22rem);}.home-img::before{width:24rem;height:24rem;filter:blur(20px);}.img-badge{right:max(3%,env(safe-area-inset-right));bottom:1%;}}@media (max-width:600px){.social-media{gap:.75rem;margin:1.8rem 0;}.social-media a{width:46px;height:46px;min-width:46px;min-height:46px;}}@media (max-width:360px){.btn-group{width:100%;gap:.75rem;flex-direction:column;}.btn-group .btn{width:100%;}}@media (min-width:361px) and (max-width:600px){.btn-group{width:100%;gap:.8rem;flex-direction:row;flex-wrap:nowrap;}.btn-group .btn{flex:1 1 0;min-width:0;width:auto;padding:.95rem 1.2rem;font-size:1.38rem;}}@media (max-width:600px){.btn{min-height:48px;}}@media (max-width:700px){.portfolio-container,.projects-full-grid{grid-template-columns:1fr;}.portfolio-container{gap:1.2rem;}.portfolio-container .portfolio-box{aspect-ratio:4 / 3;}.portfolio-layer{padding:1.4rem 1.2rem;}.portfolio-layer h4{font-size:clamp(1.7rem,5vw,2rem);}.portfolio-layer p{max-width:34rem;}.portfolio-layer a,.portfolio-link-private{width:46px;height:46px;min-width:46px;min-height:46px;}}@media (max-width:600px){.projects-filter-bar,.tech-filter-bar,.blog-filters-bar{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right));}.projects-filter-bar::-webkit-scrollbar,.tech-filter-bar::-webkit-scrollbar,.blog-filters-bar::-webkit-scrollbar{display:none;}.filter-btn{flex:0 0 auto;min-height:44px;}}@media (max-width:700px){.service-page,.about-page,.case-study-page{padding-left:max(16px,5%);padding-right:max(16px,5%);}.service-page .service-hero,.about-page .top-grid-2{grid-template-columns:1fr;}.feature-grid,.about-recognition-grid,.about-info-grid{grid-template-columns:1fr!important;}.service-page .service-hero{gap:2rem;}}@media (max-width:700px){.post-detail{width:min(100% - 32px,760px);padding-top:max(8rem,calc(7rem+env(safe-area-inset-top)));}.post-header h1{font-size:clamp(2.25rem,8vw,3rem);line-height:1.18;}.post-content{font-size:clamp(1.55rem,4vw,1.7rem);line-height:1.8;}.post-content h2{font-size:clamp(2rem,6vw,2.45rem);margin-top:3rem;}.post-content h3{font-size:clamp(1.7rem,5vw,2rem);}.post-content p{margin-bottom:1.45rem;}.post-content blockquote{padding:1rem 1.2rem;}.post-content pre{font-size:1.25rem;border-radius:12px;}.post-content table{max-width:100%;font-size:1.4rem;}.post-content th,.post-content td{padding:.8rem 1rem;font-size:1.3rem;}.post-content img,.post-content video,.post-content iframe{width:100%;max-width:100%;}.breadcrumb{gap:.35rem;font-size:1.1rem;}.breadcrumb a{padding:.25rem .4rem;}}@media (max-width:600px){section.blog{padding-top:max(8rem,calc(7rem+env(safe-area-inset-top)));}.blog-container{grid-template-columns:1fr;gap:1.2rem;}.blog-img img{height:17rem;}.blog-content{padding:1.5rem;}}@media (max-width:640px){.contact{padding-bottom:5rem;}.contact h2{font-size:clamp(2.3rem,8vw,3.4rem);margin-bottom:2.4rem;}#contact-form{padding:1.4rem;border-radius:20px;}.contact .input-field{min-width:0;width:100%;}.contact .input-field input,.contact .textarea-field textarea{font-size:16px;min-height:50px;}.contact .textarea-field textarea{min-height:150px;}.contact .btn-box .btn{max-width:none;width:100%;}}@media (max-width:600px){.footer{padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right));}.footer-cta{padding:2rem 0 2.4rem;}.footer-statement{font-size:clamp(2.15rem,7vw,2.8rem);}.footer-main{gap:2.2rem;}.footer-col a,.footer-email{font-size:1.35rem;}.footer-social a{width:46px;height:46px;}}@media (max-width:600px){.how-modal{padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));}.how-modal-content{width:min(100%,520px);max-height:88dvh;overflow-y:auto;padding:2rem 1.5rem;border-radius:20px;}.how-modal-close{width:44px;height:44px;min-width:44px;min-height:44px;}}@media (max-width:430px){section{padding-top:5.5rem;padding-bottom:3.5rem;}.home{padding-top:8.8rem!important;padding-top:calc(7rem+env(safe-area-inset-top,0px))!important;}.section-eyebrow{font-size:.95rem;letter-spacing:.17rem;}.heading{font-size:clamp(2.15rem,8vw,3rem);}.services-container .services-box,.exp-card,.stack-group,.bento-item,.pillar-box{padding:1.6rem 1.25rem;border-radius:18px;}.services-box p,.exp-card p{font-size:1.4rem;line-height:1.65;}.trust-bar{padding-left:4%;padding-right:4%;}.trust-bar-inner{gap:1.2rem;}.trust-item{min-width:0;flex:1 1 0;}.trust-label{font-size:1rem;}.timeline-card{padding:1.6rem 1.2rem;}.timeline-track{padding-left:1.35rem;}.timeline-item::before{left:-20px;}}@media (max-width:360px){.header .logo{max-width:13rem;overflow:hidden;text-overflow:ellipsis;}.home-content h1{font-size:clamp(2.55rem,10vw,3.2rem);}.avatar-glow-wrapper{width:min(70vw,19rem);height:min(70vw,19rem);}.btn{padding-inline:1.4rem;}.post-detail{width:calc(100% - 24px);}}@media (orientation:landscape) and (max-height:520px) and (max-width:900px){.home{padding-top:6.5rem;gap:1.5rem;}.home .home-img{max-width:16rem;align-self:center;}.avatar-glow-wrapper{width:15rem;height:15rem;}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}.post-content a,.post-content code,.post-content pre,.case-study-page a,.contact-email,.footer-email{overflow-wrap:anywhere;}.portfolio-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.6rem;}.projects-empty{grid-column:1/-1;text-align:center;padding:6rem 2rem;}.projects-empty-icon{font-size:4rem;color:var(--text-secondary);}@media (max-width:600px){.portfolio-links{gap:.65rem;}.projects-empty{padding:4rem 1.2rem;}}@media (hover:none) and (pointer:coarse){.portfolio-box:hover{transform:none;box-shadow:var(--shadow-sm);}.portfolio-box:hover img{transform:none;}.portfolio-box:hover .portfolio-layer{transform:translateY(100%);pointer-events:none;}.portfolio-box.active .portfolio-layer,.portfolio-box:focus-within .portfolio-layer{transform:translateY(0);pointer-events:auto;}.services-container .services-box:hover,.exp-card:hover,.blog-box:hover,.bento-item:hover{transform:none;}}