:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg-color: #050505;--text-color: #ffffff;--text-muted: #a0a0a0;--text-darker: #707070;--border-color: #222222;--hover-color: #ffffff;--spacing-unit: 1.5rem}*{box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.5;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}@view-transition{navigation:auto}body.light-mode{--bg-color: #fafafa;--text-color: #111111;--text-muted: #555555;--text-darker: #888888;--border-color: #e5e5e5;--hover-color: #000000}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--hover-color)}.theme-switch{position:relative;display:flex;align-items:center;justify-content:space-between;width:54px;height:28px;background-color:var(--border-color);border-radius:28px;border:none;cursor:pointer;padding:0 6px;transition:background-color .3s ease;outline:none}.theme-switch svg{width:14px;height:14px;z-index:1}.theme-switch .sun-icon,.theme-switch .moon-icon{color:var(--text-muted)}body.light-mode .theme-switch .sun-icon{color:#f39c12}body:not(.light-mode) .theme-switch .moon-icon{color:#f1c40f}.slider-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;background-color:var(--bg-color);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2;box-shadow:0 1px 3px #0000004d}body.light-mode .slider-thumb{transform:translate(26px)}.layout{position:relative;z-index:1;display:flex;min-height:100vh;max-width:1400px;margin:0 auto}.sidebar{width:350px;flex-shrink:0;padding:4rem 2rem 4rem 4rem;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:space-between}.brand{margin-bottom:4rem}.brand h1{font-size:1.2rem;font-weight:500;margin:0;line-height:1.2}.brand .subtitle{font-size:1.2rem;font-weight:500;color:var(--text-muted);margin:0}.bio{font-size:.9rem;color:var(--text-muted);margin-bottom:3rem;line-height:1.6;max-width:250px}.contact-links{display:flex;flex-direction:column}.contact-links a{display:block;font-size:.85rem;color:var(--text-color);padding:1rem 0;border-top:1px solid var(--border-color)}.contact-links a:last-child{border-bottom:1px solid var(--border-color)}.sidebar-footer{margin-top:2rem}#mode-switcher{background:none;border:none;color:var(--text-darker);cursor:pointer;font-size:.85rem;padding:0;text-align:left;transition:color .2s ease;font-family:inherit}#mode-switcher:hover{color:var(--text-color)}.content{flex-grow:1;padding:4rem 4rem 4rem 2rem;max-width:900px}.desktop-header{display:flex;justify-content:flex-end;margin-bottom:4rem}.nav-right{font-size:1.1rem;font-weight:500}.resume-section{margin-bottom:4rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.section-title{font-size:.85rem;font-weight:600;margin:0 0 2rem;text-transform:capitalize}.resume-item{display:flex;gap:2rem;margin-bottom:3rem}.resume-item:last-child{margin-bottom:1rem}.resume-meta{width:200px;flex-shrink:0;font-size:.85rem}.resume-meta h3{font-size:.85rem;font-weight:600;margin:0 0 .25rem;color:var(--text-color)}.resume-meta p{margin:0;color:var(--text-muted);line-height:1.4}.resume-meta .company a{color:var(--text-muted)}.resume-meta .company a:hover{color:var(--text-color)}.resume-details{flex-grow:1;font-size:.85rem;color:var(--text-muted);line-height:1.6}.resume-details ul{margin:0;padding-left:1.2rem}.resume-details p{margin-top:0}.resume-details li{margin-bottom:.75rem}.resume-details li:last-child{margin-bottom:0}.resume-item.split-cols .resume-meta{color:var(--text-color)}.resume-item.split-cols .resume-details{color:var(--text-muted)}@media(max-width:900px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;padding:2rem}.brand{margin-bottom:2rem}.brand h1{font-size:1.6rem}.brand .subtitle{font-size:1.2rem;margin-top:.25rem}.bio{max-width:100%}.desktop-header{display:none}.content{padding:0 2rem 4rem}.resume-item{flex-direction:column;gap:1rem}.resume-meta{width:100%}.preview-popup{display:none!important}}.blog-content img,figure img{cursor:pointer;transition:opacity .2s ease}.blog-content img:hover,figure img:hover{opacity:.85}.image-modal{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:#000000e6;cursor:pointer;animation:fadeIn .2s ease}.image-modal.active{display:flex;align-items:center;justify-content:center}.image-modal img{max-width:95%;max-height:95%;object-fit:contain;cursor:default;animation:zoomIn .2s ease;border:none}.image-modal-close{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;transition:color .2s ease;z-index:10000}.image-modal-close:hover{color:#ccc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.promo-widget{position:relative;max-width:750px;min-height:140px;margin-bottom:2rem;border-radius:12px;border:1px solid var(--border-color);background-color:var(--bg-color);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.promo-widget:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}body.light-mode .promo-widget:hover{box-shadow:0 8px 24px #0000000f}.promo-link{display:flex;align-items:center;text-decoration:none;color:inherit}.promo-image{width:150px;height:140px;object-fit:cover;border-right:1px solid var(--border-color)}.promo-text-container{padding:1rem 1.5rem;display:flex;flex-direction:column;justify-content:center}.promo-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-darker);letter-spacing:.05em;margin-bottom:.25rem;display:flex;align-items:center;gap:6px}.promo-title{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0 0 .35rem}.promo-desc{font-size:.95rem;color:var(--text-muted);margin:0;line-height:1.4}.close-promo{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border-radius:50%;background-color:var(--border-color);color:var(--text-color);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .2s ease,color .2s ease}.close-promo:hover{background-color:var(--text-color);color:var(--bg-color)}@media(max-width:600px){.promo-link{flex-direction:column;align-items:flex-start}.promo-image{width:100%;height:140px;border-right:none;border-bottom:1px solid var(--border-color)}}.icon{width:auto;height:1.1em;vertical-align:middle;margin-right:.5rem;margin-bottom:.15rem;transition:filter .3s ease;filter:opacity(.5) grayscale(100%)}body:not(.light-mode) .icon{filter:invert(1) opacity(.7) grayscale(100%)}body.light-mode .icon.icon-white{filter:invert(1) opacity(.5) grayscale(100%)}body:not(.light-mode) .icon.icon-white{filter:opacity(.7) grayscale(100%)}.preview-link{position:relative;display:inline-block}.preview-popup{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);width:250px;height:140px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color);opacity:0;visibility:hidden;transition:all .4s ease-in-out;pointer-events:none;box-shadow:0 10px 30px #00000080;z-index:1000;background-color:var(--bg-color)}body.light-mode .preview-popup{box-shadow:0 10px 30px #00000026}.preview-link:hover .preview-popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(5px)}.sidebar-preview .preview-popup{left:0;transform:translateY(10px)}.sidebar-preview:hover .preview-popup{transform:translateY(5px)}