@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap";:root{--linear-ease:linear(0,.068,.19 2.7%,.804 8.1%,1.037,1.199 13.2%,1.245,1.27 15.8%,1.274,1.272 17.4%,1.249 19.1%,.996 28%,.949,.928 33.3%,.926,.933 36.8%,1.001 45.6%,1.013,1.019 50.8%,1.018 54.4%,1 63.1%,.995 68%,1.001 85%,1) }.gooey-nav-container{position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{display:flex;gap:2em;list-style:none;padding:0 1em;margin:0;position:relative;z-index:3;color:var(--text);text-shadow:0 1px 1px rgba(0,0,0,.2)}.gooey-nav-container nav ul li{border-radius:100vw;position:relative;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;box-shadow:0 0 .5px 1.5px transparent;color:var(--text)}.gooey-nav-container nav ul li a{display:inline-block;padding:.6em 1em;color:inherit;text-decoration:none}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px var(--text)}.gooey-nav-container nav ul li:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:var(--text);opacity:0;transform:scale(0);transition:all .3s ease;z-index:-1}.gooey-nav-container nav ul li.active{color:var(--bg)}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{position:absolute;left:0;top:0;width:0;height:0;opacity:1;pointer-events:none;display:grid;place-items:center;z-index:1}.gooey-nav-container .effect.text{color:var(--text);transition:color .3s ease}.gooey-nav-container .effect.text.active{color:var(--bg)}.gooey-nav-container .effect.filter{filter:blur(7px) contrast(100) blur(0);mix-blend-mode:lighten}.gooey-nav-container .effect.filter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:transparent}.gooey-nav-container .effect.filter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--text);transform:scale(0);opacity:0;z-index:-1;border-radius:100vw}.gooey-nav-container .effect.active:after{animation:pill .3s ease both}@keyframes pill{to{transform:scale(1);opacity:1}}.particle,.point{display:block;opacity:0;width:20px;height:20px;border-radius:100%;transform-origin:center}.particle{--time:5s;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);animation:particle var(--time) ease 1 -.35s}.point{background:var(--color);opacity:1;animation:point var(--time) ease 1 -.35s}@keyframes particle{0%{transform:rotate(0) translate(var(--start-x),var(--start-y));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate)*.5)) translate(calc(var(--end-x)*1.2),calc(var(--end-y)*1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate)*.66)) translate(var(--end-x),var(--end-y));opacity:1}to{transform:rotate(calc(var(--rotate)*1.2)) translate(calc(var(--end-x)*.5),calc(var(--end-y)*.5));opacity:1}}@keyframes point{0%{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}25%{transform:scale(calc(var(--scale)*.25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{transform:scale(0);opacity:0}}@media (max-width: 640px){.gooey-nav-container{display:none}}.glare-hover{width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border-radius:var(--gh-br);border:1px solid var(--gh-border);overflow:hidden;position:relative;display:grid;place-items:center}.glare-hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--gh-angle),hsla(0,0%,0%,0) 60%,var(--gh-rgba) 70%,hsla(0,0%,0%,0),hsla(0,0%,0%,0) 100%);transition:var(--gh-duration) ease;background-size:var(--gh-size) var(--gh-size),100% 100%;background-repeat:no-repeat;background-position:-100% -100%,0 0;z-index:1;pointer-events:none}.glare-hover:hover{cursor:pointer}.glare-hover:hover:before{background-position:100% 100%,0 0}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:var(--gh-duration) ease;background-position:100% 100%,0 0}.variable-proximity{font-family:Roboto Flex,sans-serif}.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}.card-spotlight{position:relative;border-radius:12px;overflow:hidden;--mouse-x:50%;--mouse-y:50%;--spotlight-color:rgba(255,255,255,.08) }.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(220px 220px at var(--mouse-x) var(--mouse-y),var(--spotlight-color),rgba(108,124,255,.22) 35%,rgba(0,212,255,.18) 60%,transparent 75%),radial-gradient(800px 800px at var(--mouse-x) var(--mouse-y),rgba(108,124,255,.1),transparent 80%);opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:1;mix-blend-mode:screen}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.8}[data-theme=light] .card-spotlight:hover:before,[data-theme=light] .card-spotlight:focus-within:before{opacity:.5}.logoloop{position:relative;overflow:hidden;--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColorAuto:#ffffff }.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight)*.1);padding-bottom:calc(var(--logoloop-logoHeight)*.1)}@media (prefers-color-scheme: dark){.logoloop{--logoloop-fadeColorAuto:#0b0b0b}}.logoloop__track{display:flex;width:max-content;will-change:transform;-webkit-user-select:none;user-select:none}.logoloop__list{display:flex;align-items:center;margin:0;padding:0}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1;list-style:none}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.2);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.85}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:before,.logoloop--fade:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,120px);pointer-events:none;z-index:1}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}@media (prefers-reduced-motion: reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}[data-theme=dark] .logoloop img.theme-light{display:none}[data-theme=dark] .logoloop img.theme-dark{display:block}[data-theme=light] .logoloop img.theme-dark{display:none}[data-theme=light] .logoloop img.theme-light{display:block}.logoloop [data-name]{position:relative}.logoloop [data-name]:hover:after,.logoloop [data-name]:focus:after{content:attr(data-name);position:absolute;top:auto;bottom:100%;left:50%;transform:translate(-50%);background:var(--bgElev);color:var(--text);border:1px solid var(--border);padding:6px 8px;border-radius:8px;white-space:nowrap;min-width:max-content;max-width:calc(100vw - 32px);box-shadow:0 12px 28px -14px var(--brandGlow);font-size:.85rem;z-index:5;pointer-events:none}.social-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;padding:8px 0}.social{display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:14px;padding:10px;transition:transform .12s ease,box-shadow .2s ease}.social:focus-visible{box-shadow:0 0 0 4px var(--brandGlow)}.social:hover{transform:translateY(-2px)}.social-icon{height:64px;width:auto;display:block;object-fit:contain}@media (max-width: 768px){.social-row{flex-direction:column;align-items:flex-start}.social{width:100%;padding:12px 0}.social-icon{height:56px}}:root{--bg:#0b1220;--bgElev:#121a2b;--text:#e6ecff;--muted:#9fb0d9;--brand:#6c7cff;--brandGlow:rgba(108,124,255,.45);--border:#1f2a44;--card:#11182a}[data-theme=light]{--bg:#f7f9fc;--bgElev:#ffffff;--text:#0b1220;--muted:#4a5578;--brand:#4f5bd5;--brandGlow:rgba(79,91,213,.35);--border:#e6eaf5;--card:#ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 800px at 80% -10%,rgba(108,124,255,.08),transparent),radial-gradient(1000px 700px at -10% 20%,rgba(0,212,255,.06),transparent),var(--bg);color:var(--text);line-height:1.6}.is-loading body{overflow:hidden}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:20px;top:10px;width:auto;height:auto;background:var(--brand);color:#fff;padding:8px 10px;border-radius:8px;z-index:1000}.container{width:min(96vw,1800px);margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent) 0 0/100% 100%,transparent;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);z-index:10;width:100%}.nav{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:14px 20px;width:100%;max-width:1800px;margin:0 auto}.nav-right{margin-left:auto;display:flex;align-items:center;gap:12px;position:relative}.brand{font-weight:800;color:var(--text);text-decoration:none;letter-spacing:.3px}.nav-links{display:none;gap:18px;list-style:none;margin:0;padding:0}.nav a{color:var(--muted);text-decoration:none}.nav a:hover{color:var(--text)}.nav-links .has-submenu{position:relative}.nav-links .submenu{display:none;position:absolute;left:0;top:calc(100% + 6px);background:var(--bgElev);border:1px solid var(--border);border-radius:10px;padding:8px;z-index:20}.nav-links .submenu li{list-style:none}.nav-links .submenu a{display:block;padding:6px 10px;white-space:nowrap}.nav-links .has-submenu:hover .submenu,.nav-links .submenu:hover{display:block}.nav-links .has-submenu:focus-within .submenu{display:block}.icon-btn{background:transparent;border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:8px;cursor:pointer}.nav-toggle{display:none;background:transparent;border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:8px;position:relative;z-index:1000}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding:clamp(24px,8vh,72px) 0 clamp(12px,1.5vh,24px);align-items:center;min-height:clamp(380px,60vh,860px)}.eyebrow{color:var(--muted);margin:0 0 8px}h1{font-size:clamp(36px,5vw,72px);line-height:1.08;margin:0 0 10px}.tagline{font-weight:600;color:var(--brand);margin:0 0 12px;font-size:clamp(18px,1.6vw,28px)}.lede{color:var(--muted);max-width:70ch;font-size:clamp(16px,1.2vw,22px)}.cta-row{display:flex;gap:12px;margin-top:18px}.btn{display:inline-block;background:transparent;border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:10px;text-decoration:none}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover,.btn.primary:focus-visible{box-shadow:0 0 0 8px var(--brandGlow)}.btn.small{padding:8px 12px;font-size:.9rem}.btn[aria-disabled=true]{opacity:.6;pointer-events:none}.hero-media{display:flex;justify-content:center}.avatar-wrap{width:clamp(140px,18vw,320px);height:clamp(140px,18vw,320px);border-radius:50%;padding:6px;background:radial-gradient(120px 120px at 50% 50%,var(--brandGlow),transparent 70%);box-shadow:0 0 0 2px var(--brand),0 10px 40px -10px var(--brandGlow)}.avatar-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%}.section{padding:clamp(32px,5vw,56px) 0;border-top:1px solid var(--border)}.section{scroll-margin-top:80px}.section:first-of-type{padding-top:16px}.section h2{margin:0 0 16px}.section h2{font-size:clamp(28px,2.6vw,44px);letter-spacing:.2px}.reveal-on-scroll{opacity:0;transform:translate(24px);transition:opacity .4s ease,transform .4s ease}.reveal-on-scroll.visible{opacity:1;transform:translate(0)}.reveal-on-scroll.out-right{opacity:0;transform:translate(24px)}.reveal-on-scroll.out-left{opacity:0;transform:translate(-24px)}.timeline-exp{position:relative;padding:40px 0;max-width:1200px;margin:0 auto}.timeline-exp:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:var(--border);transform:translate(-50%)}.timeline-exp-item{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:60px;gap:20px}.timeline-exp-item:nth-child(odd) .exp-card{grid-column:1;justify-self:end}.timeline-exp-item:nth-child(2n) .exp-card{grid-column:3;justify-self:start}.timeline-exp-year{position:absolute;left:50%;transform:translate(-50%);background:var(--bgElev);border:2px solid var(--brand);color:var(--text);padding:6px 16px;border-radius:24px;font-size:.9rem;font-weight:700;z-index:10;top:-40px;box-shadow:0 4px 12px #6c7cff4d}.timeline-exp-dot{grid-column:2;width:24px;height:24px;border-radius:50%;background:var(--brand);border:5px solid var(--bg);box-shadow:0 0 0 3px var(--brand);z-index:5;justify-self:center}.timeline-exp-item .exp-card{max-width:480px;width:100%}.exp-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;position:relative;padding-bottom:16px}.exp-link{display:block;color:inherit;text-decoration:none}.exp-banner{height:56px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent)}.exp-banner.iamops{background:linear-gradient(180deg,rgba(108,124,255,.25),transparent)}.exp-banner.nokia{background:linear-gradient(180deg,rgba(0,120,206,.25),transparent)}.exp-banner.solitaire{background:linear-gradient(180deg,rgba(0,123,255,.25),transparent)}.exp-logo{position:relative;display:flex;justify-content:center;margin:6px 0}.exp-logo img{height:110px;width:auto;max-width:84%;border-radius:16px;background:#fff;border:1px solid var(--border);object-fit:contain;padding:8px;box-shadow:0 1px #0000000f,0 10px 24px -14px #00000059}[data-theme=dark] .exp-logo img{background:transparent;box-shadow:none}[data-theme=dark] .exp-logo .logo-light{display:none}[data-theme=dark] .exp-logo .logo-dark{display:block}[data-theme=light] .exp-logo .logo-dark{display:none}[data-theme=light] .exp-logo .logo-light{display:block}.exp-company{text-align:center;margin:6px 0 0}.exp-role{text-align:center;color:var(--muted);margin:2px 0 0;font-weight:600}.exp-duration{text-align:center;color:var(--muted);margin:8px 0 0}.exp-details{border-top:1px solid var(--border);margin:12px 16px 0;padding-top:12px}.exp-details ul{margin:0 0 0 18px}.exp-link{position:relative;cursor:pointer}.exp-toggle{position:absolute;right:14px;bottom:14px;opacity:.8;transition:transform .2s ease;color:var(--muted)}.exp-card.open .exp-toggle{transform:rotate(180deg)}.exp-card.flip{padding-bottom:0;perspective:1000px}.exp-card .flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease;cursor:pointer}.exp-card.is-flipped .flip-inner{transform:rotateY(180deg)}.exp-card .flip-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;position:relative;min-height:260px;padding-bottom:16px}.exp-card .flip-back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg);background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;overflow:auto;-webkit-overflow-scrolling:touch}.exp-card .flip-back h3{margin-top:0}.exp-card .flip-back ul{margin:8px 0 0 18px}.exp-logo img{display:block}.exp-card.flip:hover{box-shadow:0 18px 50px -22px var(--brandGlow);border-color:var(--brand);transform:translateY(-2px)}.exp-card.flip .flip-front:after{content:"Click for details";position:absolute;right:14px;bottom:14px;background:var(--bgElev);color:var(--muted);border:1px solid var(--border);padding:4px 8px;border-radius:10px;font-size:.85rem;opacity:0;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.exp-card.flip:hover .flip-front:after{opacity:1;transform:translateY(0)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.tags span{background:#6c7cff1f;border:1px solid var(--brand);color:var(--text);padding:4px 8px;border-radius:999px;font-size:.85rem}.cluster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.cluster-grid .card h3{margin:0 0 10px}.tool-icons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.tool{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:var(--bgElev);border:1px solid var(--border);transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease;will-change:transform}.tool img{width:40px;height:40px;object-fit:contain}.tool:hover,.tool:focus,.tool:active{transform:translateY(-2px);box-shadow:0 10px 30px -12px var(--brandGlow);border-color:var(--brand);z-index:50}.tool .fallback{font-size:.8rem;color:var(--muted);padding:0 8px}[data-name]:focus:after,[data-name]:hover:after,[data-name]:active:after{content:attr(data-name);position:absolute;top:100%;left:50%;transform:translate(-50%,6px);background:var(--bgElev);color:var(--text);border:1px solid var(--border);padding:6px 8px;border-radius:8px;white-space:nowrap;box-shadow:0 12px 28px -14px var(--brandGlow);font-size:.85rem;z-index:999}[data-theme=light] .tool img.theme-dark,[data-theme=dark] .tool img.theme-light{display:none}.badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:10px;position:relative;overflow:visible}.badge{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px;text-decoration:none}.badge img{display:block;width:120px;height:120px;object-fit:contain}.badge-title{margin-top:8px;color:var(--text);text-align:center;font-size:.95rem}.badge{transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.badge:hover,.badge:focus{transform:translateY(-2px);box-shadow:0 10px 30px -12px var(--brandGlow);border-color:var(--brand);outline:none;z-index:5}.badge[data-tip]{position:relative}.badge[data-tip]:hover:after,.badge[data-tip]:focus:after{content:attr(data-tip);position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--bgElev);color:var(--text);border:1px solid var(--brand);padding:8px 10px;border-radius:10px;white-space:nowrap;margin-top:12px;box-shadow:0 12px 28px -14px var(--brandGlow);font-size:.9rem;z-index:999;pointer-events:none}.badge[data-tip]:hover:before,.badge[data-tip]:focus:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--brand);margin-top:4px;z-index:998;pointer-events:none}[data-theme=dark] .badge img[src*="Spoken Tutorial Project at IIT Bombay"],[data-theme=dark] .badge img[src*="I-manager Publications"]{background:#fff;border-radius:12px;padding:10px;box-shadow:0 1px #0000001a,0 8px 24px -16px #0009}[data-theme=light] .badge img[src*="Spoken Tutorial Project at IIT Bombay"],[data-theme=light] .badge img[src*="I-manager Publications"]{background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px}.badge:focus-visible{box-shadow:0 0 0 4px var(--brandGlow),0 10px 30px -12px var(--brandGlow)}.btn:focus-visible,.icon-btn:focus-visible,.nav-toggle:focus-visible{box-shadow:0 0 0 4px var(--brandGlow),0 10px 30px -12px var(--brandGlow);outline:none}.contact-list{display:flex;flex-direction:column;gap:12px;flex-wrap:nowrap;padding:0;list-style:none}.contact-icon{vertical-align:middle;margin-right:10px;border-radius:6px}.contact-section h2{font-size:40px}.contact-lead{margin:0 0 6px;color:var(--muted);font-weight:500;letter-spacing:.2px}.contact-email a{font-size:28px;font-weight:700;color:var(--text);text-decoration:none}.contact-email a:hover{text-decoration:underline}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 16px}.contact-form input,.contact-form textarea,.contact-form select{background:var(--bgElev);border:1px solid var(--border);color:var(--text);padding:10px;border-radius:8px}.contact-form textarea{grid-column:1/-1;min-height:120px}.contact-icons{display:flex;gap:18px;align-items:center}.contact-icon-lg{width:56px;height:56px;border-radius:10px;display:block;transition:transform .12s ease,box-shadow .2s ease}.contact-icon-lg:hover{transform:translateY(-2px);box-shadow:0 10px 30px -12px var(--brandGlow)}.contact-stack{display:flex;flex-direction:column;gap:14px;margin-top:10px}.contact-stack a{display:inline-block}.contact-stack img{display:block;border-radius:12px;box-shadow:0 1px #0000000f}.contact-stack a:hover img{transform:translateY(-2px);box-shadow:0 10px 30px -12px var(--brandGlow)}.modal .btn:hover{background:var(--bgElev);border-color:var(--brand);color:var(--text)}.modal .btn.primary:hover{filter:brightness(1.06);box-shadow:0 0 0 8px var(--brandGlow)}.edu-grid{display:block}.edu-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;position:relative}.edu-logo{border-radius:12px;background:#fff;border:1px solid var(--border);height:96px;width:auto;max-width:120px;object-fit:contain;padding:10px;box-shadow:0 1px #0000000f}[data-theme=dark] .edu-logo{background:transparent}.edu-copy h4{margin:0}.edu-copy p{margin:2px 0 0;color:var(--muted)}.edu-item[data-tip]:hover:after,.edu-item[data-tip]:focus-within:after{content:attr(data-tip);position:absolute;top:100%;left:12px;transform:translateY(6px);background:var(--bgElev);color:var(--text);border:1px solid var(--brand);padding:6px 8px;border-radius:8px;white-space:nowrap;box-shadow:0 12px 28px -14px var(--brandGlow);font-size:.9rem;z-index:5}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#00000073;z-index:1000}.modal[aria-hidden=false]{display:flex}.modal button{cursor:pointer}.modal-content{background:var(--bgElev);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:18px;max-width:420px;width:92%;box-shadow:0 20px 60px -20px #0009}.modal .cta-row{margin-top:10px}.resume-btn-container{display:inline-block;position:relative}.resume-main-btn{position:relative;cursor:pointer;transition:all .2s ease}.resume-dropdown{display:none;opacity:0;position:absolute;top:calc(100% - 2px);left:0;transform:translateY(-4px);background:var(--bgElev);border:1px solid var(--border);border-radius:12px;padding:10px 8px 8px;min-width:380px;box-shadow:0 12px 32px -8px #0006;z-index:100;flex-direction:row;gap:8px;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.resume-dropdown:before{content:"";position:absolute;top:-10px;left:0;right:0;height:12px;background:transparent}.resume-dropdown.is-open{display:flex;opacity:1;transform:translateY(0);pointer-events:auto}.resume-option-btn{display:flex;align-items:center;gap:8px;justify-content:center;flex:1;text-align:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-radius:8px;white-space:nowrap;background:var(--bgElev);border:1px solid var(--border)}.resume-option-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px -8px var(--brandGlow);border-color:var(--brand)}.resume-option-btn svg{flex-shrink:0}.site-footer{padding:36px 0;color:var(--muted);border-top:1px solid var(--border)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}.footer-main p{margin:0;font-size:1rem;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.footer-section h4{margin:0 0 16px;color:var(--text);font-size:1rem;font-weight:600}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin:8px 0}.footer-section a{color:var(--muted);text-decoration:none;transition:color .2s ease;font-size:.9rem}.footer-section a:hover{color:var(--brand)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:24px}.footer-links{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width: 480px){.footer-links{grid-template-columns:1fr;gap:20px}}.profile-summary{margin-bottom:60px;padding:40px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 40px -12px #00000026}.profile-intro{margin-bottom:40px}.profile-intro h3{margin-top:0;margin-bottom:20px;font-size:1.8rem;color:var(--text);border-bottom:2px solid var(--brand);padding-bottom:12px;display:inline-block}.profile-text{line-height:1.8;color:var(--text);font-size:1.05rem;margin-bottom:16px}.profile-text strong{color:var(--brand);font-weight:600}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.achievement-card{background:var(--bgElev);border:1px solid var(--border);border-radius:12px;padding:24px 16px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.achievement-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),#00d4ff);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.achievement-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px -8px var(--brandGlow);border-color:var(--brand)}.achievement-card:hover:before{transform:scaleX(1)}.achievement-icon{font-size:2rem;display:block;margin-bottom:12px;filter:drop-shadow(0 2px 8px rgba(108,124,255,.3))}.achievement-value{font-size:2.5rem;font-weight:900;color:var(--brand);line-height:1;margin-bottom:8px;text-shadow:0 2px 12px rgba(108,124,255,.2)}.achievement-label{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.impact-highlights{margin:32px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.highlight-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:12px;transition:all .3s ease}.highlight-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px -8px #00000026;border-color:var(--brand)}.highlight-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.highlight-text{flex:1;line-height:1.5;color:var(--text)}.highlight-text strong{color:var(--brand);font-weight:600}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:8px}.skill-group{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.skill-group h3{margin:0 0 8px;font-size:1.05rem;color:var(--text)}.skill-list{margin:0;padding-left:18px}.skill-list li{margin:6px 0;color:var(--muted)}@media (max-width: 768px){.impact-highlights{grid-template-columns:1fr;gap:16px}.highlight-item{padding:16px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;text-align:center;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;z-index:1}.stat-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px -16px var(--brandGlow);border-color:var(--brand);z-index:200}.stat-num{font-size:48px;font-weight:800;color:#6c7cff}.stat-label{color:var(--muted);margin-top:6px}.cert-preview-card{cursor:pointer}.cert-preview-tooltip{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid var(--brand);border-radius:12px;padding:18px;min-width:300px;max-width:360px;box-shadow:0 24px 70px -10px #000000e6;z-index:99999;text-align:left;opacity:1!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}[data-theme=dark] .cert-preview-tooltip{background:#0b1220!important}[data-theme=light] .cert-preview-tooltip{background:#f7f9fc!important}.cert-preview-card:hover .cert-preview-tooltip{display:block}.cert-preview-tooltip h4{margin:0 0 12px;font-size:1rem;color:var(--text);font-weight:600;border-bottom:1px solid var(--border);padding-bottom:8px}.cert-preview-tooltip ul{margin:0;padding-left:20px;list-style:disc}.cert-preview-tooltip li{color:var(--text);font-size:.9rem;margin:6px 0;line-height:1.4}.current-card{display:flex;gap:20px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px}.current-media img{display:block;width:180px;height:180px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--border);padding:16px}[data-theme=dark] .current-media img{background:transparent;border:none}.muted{color:var(--muted)}.tabs{display:flex;gap:8px;margin:8px 0 12px}.tab{background:var(--bgElev);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer}.tab.is-active{border-color:var(--brand);box-shadow:0 0 0 6px var(--brandGlow)}.pub-list{display:flex;flex-direction:column;gap:12px}.pub-row{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px;text-decoration:none;color:var(--text)}.pub-row:hover{border-color:var(--brand);box-shadow:0 10px 30px -12px var(--brandGlow)}.pub-row img{width:56px;height:56px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--border);padding:6px}[data-theme=dark] .pub-row img{background:transparent;border:none}.pub-copy h4{margin:0}.pub-copy .muted{display:block;margin-top:2px}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:9999;transition:opacity .3s ease,visibility .3s ease}#preloader .preloader-inner{display:flex;align-items:center;justify-content:center;width:min(40vmin,420px);height:min(40vmin,420px);border-radius:12px;background:transparent}[data-theme=light] #preloader img{filter:invert(1) hue-rotate(180deg) saturate(.6)}#preloader.is-hidden{opacity:0;visibility:hidden}.collapsible{margin:12px 0}.collapsible>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;background:var(--bgElev);border:1px solid var(--border);border-radius:12px;padding:10px 12px;color:var(--text);list-style:none}.collapsible>summary::-webkit-details-marker{display:none}.collapsible[open]>summary{border-color:var(--brand);box-shadow:0 0 0 6px var(--brandGlow)}.collapsible>div{margin-top:12px}.summary-hint{color:var(--muted);font-size:.9rem;display:flex;align-items:center;gap:6px}.caret{display:inline-block;transition:transform .2s ease}.collapsible[open] .caret{transform:rotate(180deg)}.preload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:9999;transition:opacity .3s ease,visibility .3s ease}.preload-overlay.is-hidden{opacity:0;visibility:hidden}.infinity{width:min(50vmin,480px);height:auto;filter:drop-shadow(0 12px 30px rgba(108,124,255,.35))}.infinity-path{stroke-dasharray:600;stroke-dashoffset:600;animation:draw 1.4s ease-in-out infinite}@keyframes draw{0%{stroke-dashoffset:600}50%{stroke-dashoffset:300}to{stroke-dashoffset:0}}@media (max-width: 960px){.hero{grid-template-columns:1fr;gap:20px;padding-top:48px}.projects-grid,.cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.current-card{flex-direction:column;text-align:center}.current-media img{width:140px;height:140px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.timeline-exp{padding:20px 0 20px 10px}.timeline-exp:before{left:20px}.timeline-exp-item{grid-template-columns:auto 1fr;gap:16px}.timeline-exp-item:nth-child(odd) .exp-card,.timeline-exp-item:nth-child(2n) .exp-card{grid-column:2;justify-self:start!important;max-width:100%}.timeline-exp-dot{grid-column:1;justify-self:start;margin-left:8px;width:20px;height:20px;border:4px solid var(--bg);box-shadow:0 0 0 2px var(--brand)}.publications-list{grid-template-columns:1fr}}@media (max-width: 640px){.nav-toggle{display:inline-block}.nav-links{display:none;position:absolute;right:20px;top:56px;background:var(--bgElev);border:1px solid var(--border);border-radius:12px;padding:10px;z-index:300}.nav-links.open{display:flex;flex-direction:column}.skills-grid,.projects-grid,.cluster-grid,.badge-grid,.stats-grid{grid-template-columns:1fr}.cta-row{flex-direction:column;gap:10px}.cta-row .btn{width:100%;text-align:center}.contact-form{grid-template-columns:1fr}.resume-dropdown{min-width:90vw;max-width:360px;flex-direction:column;left:50%;transform:translate(-50%) translateY(-4px)}.resume-dropdown.is-open{transform:translate(-50%) translateY(0)}.cert-preview-tooltip{max-width:90vw;left:50%;transform:translate(-50%,-50%)}h1{font-size:clamp(28px,8vw,48px)}.current-media img{width:120px;height:120px}.publication-item{flex-direction:column;text-align:center}.publication-item img{width:60px;height:60px}.profile-summary{padding:24px}.achievements-grid{grid-template-columns:repeat(2,1fr);gap:12px}.achievement-value{font-size:2rem}.achievement-icon{font-size:1.5rem}.timeline-exp:before{left:16px}.timeline-exp-item{gap:12px;margin-bottom:40px}.timeline-exp-dot{margin-left:6px}.timeline-exp-item .exp-card{padding:16px}.exp-logo img{width:72px;height:72px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.case-studies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-top:24px}.case-study-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;height:100%}.case-study-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px -10px var(--brandGlow);border-color:var(--brand)}.case-study-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.case-study-category{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--brand);letter-spacing:.5px}.case-study-badge{font-size:.7rem;background:var(--brand);color:#fff;padding:3px 8px;border-radius:12px;font-weight:600}.case-study-title{margin:0 0 8px;font-size:1.25rem;color:var(--text);line-height:1.3}.case-study-subtitle{margin:0 0 12px;font-size:.9rem;color:var(--muted);font-weight:600}.case-study-summary{margin:0 0 16px;color:var(--muted);font-size:.9rem;line-height:1.6;flex-grow:1}.case-study-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;padding:12px;background:var(--bgElev);border-radius:8px}.metric-item{text-align:center}.metric-value{display:block;font-size:1.5rem;font-weight:800;color:var(--brand);margin-bottom:2px}.metric-label{display:block;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.case-study-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.case-study-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:.7rem;background:var(--bgElev);color:var(--muted);padding:4px 8px;border-radius:6px;border:1px solid var(--border)}.case-study-date{font-size:.75rem;color:var(--muted)}.kb-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:24px}.kb-article-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;height:100%}.kb-article-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px -12px var(--brandGlow);border-color:var(--brand)}.kb-article-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.kb-article-type{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--brand);letter-spacing:.6px;background:var(--bgElev);padding:4px 8px;border-radius:6px}.kb-difficulty{font-size:.65rem;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:6px;letter-spacing:.5px}.kb-difficulty-green{background:#4caf5026;color:#4caf50}.kb-difficulty-orange{background:#ff980026;color:#ff9800}.kb-difficulty-red{background:#f4433626;color:#f44336}.kb-article-title{margin:0 0 8px;font-size:1.15rem;color:var(--text);line-height:1.3}.kb-article-summary{margin:0 0 12px;color:var(--muted);font-size:.85rem;line-height:1.5;flex-grow:1}.kb-article-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:.75rem;color:var(--muted)}.kb-read-time{display:flex;align-items:center;gap:4px}.kb-category{font-weight:600;color:var(--brand)}.kb-article-footer{margin-top:auto}.kb-article-tags{display:flex;gap:6px;flex-wrap:wrap}.no-results{text-align:center;color:var(--muted);margin:40px 0;font-size:1.1rem}.tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.tab{background:var(--bgElev);border:1px solid var(--border);color:var(--muted);padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.tab:hover{background:var(--card);border-color:var(--brand);color:var(--text)}.tab.is-active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:.9rem;color:var(--muted);flex-wrap:wrap}.breadcrumb a{color:var(--muted);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--brand)}.breadcrumb .separator{color:var(--border);-webkit-user-select:none;user-select:none}.breadcrumb .current{color:var(--text);font-weight:600}.case-study-detail{max-width:900px;margin:0 auto;padding:20px}.case-study-detail-header{margin-bottom:32px}.case-study-meta-top{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.case-study-category-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--brand);background:var(--bgElev);padding:6px 12px;border-radius:8px;border:1px solid var(--brand)}.featured-badge{font-size:.75rem;font-weight:600;background:var(--brand);color:#fff;padding:6px 12px;border-radius:8px}.client-badge{font-size:.75rem;font-weight:600;background:var(--bgElev);color:var(--muted);padding:6px 12px;border-radius:8px;border:1px solid var(--border)}.case-study-detail-title{font-size:clamp(2rem,5vw,3rem);line-height:1.2;margin:0 0 12px;color:var(--text)}.case-study-detail-subtitle{font-size:1.3rem;color:var(--brand);margin:0 0 20px;font-weight:600}.case-study-meta-info{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.meta-item strong{color:var(--text);margin-right:4px}.case-study-hero-image{margin:32px 0;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px -20px #0000004d;border:1px solid var(--border)}.case-study-hero-image img{width:100%;height:auto;display:block}.case-study-metrics-section{margin:40px -20px;padding:32px 20px;background:var(--card);border-radius:16px;border:1px solid var(--border)}.case-study-metrics-section h2{margin-top:0;text-align:center;margin-bottom:24px}.metrics-grid-large{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:100%}.metric-card-large{text-align:center;padding:24px;background:var(--bgElev);border-radius:12px;border:1px solid var(--border)}.metric-value-large{font-size:3rem;font-weight:900;color:var(--brand);margin-bottom:8px;line-height:1;word-wrap:break-word;overflow-wrap:break-word}.metric-label-large{font-size:.9rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;word-wrap:break-word;overflow-wrap:break-word}.case-study-content{margin:40px 0;overflow-wrap:break-word}.content-section{margin-bottom:48px;overflow:hidden}.content-section h2{font-size:1.8rem;margin-bottom:20px;color:var(--text);border-bottom:2px solid var(--border);padding-bottom:8px;word-wrap:break-word}.content-text{line-height:1.8;color:var(--text);font-size:1.05rem;word-wrap:break-word;overflow-wrap:break-word}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:20px}.tech-badge{background:var(--bgElev);border:1px solid var(--border);padding:12px;border-radius:10px;text-align:center;font-weight:600;color:var(--text);font-size:.9rem;transition:all .2s ease}.tech-badge:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 6px 20px -8px var(--brandGlow)}.results-list,.learnings-list{list-style:none;padding:0;margin:20px 0}.results-list li,.learnings-list li{padding:16px;margin-bottom:12px;background:var(--card);border-left:4px solid var(--brand);border-radius:8px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.image-gallery img{width:100%;height:auto;border-radius:12px;border:1px solid var(--border);box-shadow:0 10px 30px -12px #0003}.project-links{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap}.project-links .btn{display:inline-flex;align-items:center;gap:8px}.tags-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.tag-large{font-size:.9rem;background:var(--bgElev);color:var(--brand);padding:8px 16px;border-radius:8px;border:1px solid var(--border);font-weight:600}.case-study-footer-nav{display:flex;justify-content:space-between;gap:16px;margin-top:60px;padding-top:40px;border-top:2px solid var(--border);flex-wrap:wrap}.kb-article-detail{max-width:900px;margin:0 auto;padding:20px 0}.kb-article-detail-header{margin-bottom:32px}.kb-meta-top{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.kb-type-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--brand);background:var(--bgElev);padding:6px 12px;border-radius:8px;letter-spacing:.6px}.kb-difficulty-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:6px 12px;border-radius:8px;letter-spacing:.5px}.kb-category-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;background:var(--bgElev);color:var(--text);padding:6px 12px;border-radius:8px;border:1px solid var(--border)}.kb-article-detail-title{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.3;margin:0 0 16px;color:var(--text)}.kb-meta-info{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.85rem}.kb-article-summary-box{background:var(--card);border-left:4px solid var(--brand);padding:20px;border-radius:8px;margin:24px 0;font-size:1.05rem;line-height:1.6}.kb-toc{background:var(--bgElev);padding:24px;border-radius:12px;margin:24px 0;border:1px solid var(--border)}.kb-toc h2{margin-top:0;font-size:1.2rem}.kb-toc ul{list-style:none;padding-left:0;margin:12px 0}.kb-toc li{margin:8px 0}.kb-toc a{color:var(--muted);text-decoration:none;transition:color .2s ease}.kb-toc a:hover{color:var(--brand)}.kb-toc .toc-nested{padding-left:20px;margin-top:8px}.kb-toc .toc-nested li{margin:6px 0;font-size:.95rem}.kb-toc .toc-nested a{color:var(--muted);opacity:.9}.kb-article-content{margin:40px 0;overflow-wrap:break-word}.kb-article-content img{max-width:100%;height:auto;display:block;border-radius:10px;border:1px solid var(--border);box-shadow:0 10px 24px -14px var(--brandGlow);margin:12px auto}.kb-article-content ol{list-style-type:lower-alpha;padding-left:1.25rem}.mop-box{background:var(--card);padding:20px;border-radius:10px;margin:16px 0;border:1px solid var(--border);word-wrap:break-word;overflow-wrap:break-word}.mop-box h3{margin-top:0;color:var(--brand)}.mop-box p{word-wrap:break-word;overflow-wrap:break-word}.prerequisites-list{list-style:none;padding:0;margin:20px 0}.prerequisites-list li{padding:12px 16px;margin-bottom:8px;background:var(--card);border-left:3px solid var(--brand);border-radius:6px;word-wrap:break-word;overflow-wrap:break-word}.steps-container{margin-top:24px}.step-card{display:grid;grid-template-columns:60px 1fr;gap:20px;margin-bottom:32px;padding:24px;background:var(--card);border-radius:12px;border:1px solid var(--border)}.step-number{width:60px;height:60px;background:var(--brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;flex-shrink:0}.step-content h3{margin-top:0;margin-bottom:12px;color:var(--text);word-wrap:break-word;overflow-wrap:break-word}.step-content p{line-height:1.7;color:var(--muted);margin-bottom:16px;word-wrap:break-word;overflow-wrap:break-word}.step-content{min-width:0;overflow:hidden}.code-block{background:var(--bgElev);border:1px solid var(--border);border-radius:8px;padding:16px;overflow-x:auto;margin:16px 0;max-width:100%;position:relative}.code-block code{font-family:Courier New,monospace;font-size:.85rem;color:var(--text);line-height:1.7;white-space:pre;display:block;word-wrap:normal;overflow-wrap:normal}.code-block::-webkit-scrollbar{height:8px}.code-block::-webkit-scrollbar-track{background:var(--bg);border-radius:4px}.code-block::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.code-block::-webkit-scrollbar-thumb:hover{background:var(--brand)}.code-block:after{content:"← Scroll to view more →";position:absolute;bottom:4px;right:8px;font-size:.7rem;color:var(--muted);opacity:.5;pointer-events:none;font-family:Inter,sans-serif}.step-note{background:#ff98001a;border-left:4px solid #ff9800;padding:12px 16px;border-radius:6px;margin-top:16px;color:var(--text);font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word}.troubleshooting-list{margin-top:20px}.troubleshooting-item{background:var(--card);padding:20px;margin-bottom:16px;border-radius:10px;border:1px solid var(--border)}.troubleshooting-item .issue{margin-bottom:12px;color:var(--text);word-wrap:break-word;overflow-wrap:break-word}.troubleshooting-item .solution{color:var(--muted);line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.external-links-list{list-style:none;padding:0;margin:20px 0}.external-links-list li{margin:12px 0}.external-links-list a{color:var(--brand);text-decoration:none;font-weight:600;transition:color .2s ease}.external-links-list a:hover{color:var(--text)}.related-articles{display:flex;flex-direction:column;gap:12px;margin-top:16px}.related-article-link{display:inline-block;padding:12px 20px;background:var(--bgElev);border:1px solid var(--border);border-radius:8px;color:var(--brand);text-decoration:none;font-weight:600;transition:all .2s ease}.related-article-link:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 6px 20px -8px var(--brandGlow)}.kb-footer-nav{display:flex;justify-content:space-between;gap:16px;margin-top:60px;padding-top:40px;border-top:2px solid var(--border);flex-wrap:wrap}@media (max-width: 768px){.case-study-detail,.kb-article-detail{padding:10px}.case-study-detail-title,.kb-article-detail-title{font-size:1.8rem}.case-study-metrics-section{margin:40px -10px;padding:24px 10px}.metrics-grid-large{grid-template-columns:1fr}.metric-value-large{font-size:2.5rem}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.step-card{grid-template-columns:1fr;gap:16px;overflow:hidden}.step-number{width:50px;height:50px;font-size:1.2rem;margin:0 auto}.case-study-footer-nav,.kb-footer-nav{flex-direction:column}.case-study-footer-nav .btn,.kb-footer-nav .btn{width:100%;text-align:center}.code-block{font-size:.8rem;padding:12px}.code-block code{font-size:.8rem}.code-block:after{font-size:.65rem;bottom:2px;right:4px}.step-content,.content-section{overflow:hidden}.case-study-content,.kb-article-content{overflow-x:hidden}}