@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
:root{--bg:#090808;--bg-card:#141313;--text:#fff;--text-muted:#a0a0a0;--accent:#fff;--border:#fff;--border-muted:#333;--font-family:"Space Grotesk", sans-serif;--section-gap:56px;--card-padding:24px;--container-width:960px;--container-padding:20px;--fs-hero:clamp(28px, 4vw, 44px);--fs-subtitle:clamp(18px, 2.2vw, 26px);--fs-section-title:clamp(20px, 2.5vw, 28px);--fs-card-title:clamp(16px, 1.8vw, 22px);--fs-body:clamp(14px, 1.2vw, 16px);--fs-body-sm:clamp(13px, 1.1vw, 15px);--fs-small:clamp(12px, .9vw, 14px);--ease-out:cubic-bezier(.25, .1, .25, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.2s var(--ease-out);--transition-medium:.35s var(--ease-out);--transition-slow:.5s var(--ease-out);--radius:6px}[data-theme=light]{--bg:#f8f9fa;--bg-card:#fff;--text:#1a1a1a;--text-muted:#666;--accent:#1e1e1e;--border:#e0e0e0;--border-muted:#ccc}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{max-width:var(--container-width);padding:0 var(--container-padding);width:100%;margin:0 auto;overflow-x:clip}.section{padding:calc(var(--section-gap) / 2) 0}.section-title{font-size:var(--fs-section-title);text-transform:uppercase;letter-spacing:.5px;margin-bottom:24px;font-weight:500;display:inline-block;position:relative}.section-title:after{content:"";background:var(--text);width:0;height:2px;transition:width .6s var(--ease-out);position:absolute;bottom:-6px;left:0}.section:hover .section-title:after,.section-header:hover .section-title:after{width:100%}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-header .section-title{margin-bottom:0}.btn{font-family:var(--font-family);font-size:var(--fs-body-sm);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-medium);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 22px;font-weight:400;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--accent);color:var(--bg)}.btn-primary:hover{background-color:#e0e0e0;transform:translateY(-3px);box-shadow:0 8px 25px #ffffff1f}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #ffffff14}.btn-outline{color:var(--text);border:1px solid var(--border);background-color:#0000}.btn-outline:hover{background-color:var(--accent);color:var(--bg);transform:translateY(-3px);box-shadow:0 8px 25px #ffffff1f}.btn-outline:active{transform:translateY(0);box-shadow:0 2px 8px #ffffff14}.btn-sm{font-size:var(--fs-small);padding:8px 16px}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--card-padding);transition:border-color var(--transition-medium), box-shadow var(--transition-medium), transform .4s var(--ease-spring);will-change:transform;min-width:0;overflow:hidden}.card:hover{border-color:var(--text-muted);transform:translateY(-4px);box-shadow:0 4px 24px #ffffff0d}.divider{background:linear-gradient(90deg, transparent 0%, var(--border) 20%, var(--border) 80%, transparent 100%);width:400px;max-width:80%;height:1px;margin:0 auto}.social-icons{align-items:center;gap:14px;display:flex}.social-icon{width:38px;height:38px;color:var(--text);transition:color var(--transition-medium), transform .4s var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.theme-toggle-placeholder{z-index:1000;width:38px;height:38px;position:fixed;top:20px;right:20px}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-muted);cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:fixed;top:20px;right:20px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.theme-toggle:hover{border-color:var(--text-muted);box-shadow:0 6px 20px #0003}.theme-toggle-icon-wrapper{justify-content:center;align-items:center;display:flex}.icon-moon-new,.icon-sun-new{color:var(--text);font-size:15px;transition:color .3s}[data-theme=light] .icon-sun-new{color:#f59e0b}[data-theme=dark] .icon-moon-new{color:#e2e8f0}.hero{padding:90px 0 calc(var(--section-gap) / 2);align-items:center;display:flex}.hero-content{width:100%}.hero-name{font-size:var(--fs-hero);text-align:center;letter-spacing:-.3px;margin-bottom:10px;font-weight:600}.hero-title{font-size:var(--fs-subtitle);text-align:center;color:var(--text);margin-bottom:16px;font-weight:300}.hero-divider{margin:24px auto}.hero-bio{font-size:var(--fs-body);text-align:justify;max-width:100%;margin-bottom:14px;font-weight:300;line-height:1.7}.hero-open{font-size:var(--fs-body);text-align:justify;margin-bottom:28px;font-weight:300;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-buttons{flex-wrap:wrap;gap:12px;display:flex}.hero-social{align-items:center;gap:10px;margin-left:auto;display:flex}.hero-social .social-icon{width:38px;height:38px;font-size:22px}.content-grid{flex-direction:column;gap:20px;display:flex}.experience-card{flex-direction:column;gap:14px;display:flex}.experience-logo{object-fit:contain;object-position:left;filter:brightness(0)invert()opacity(.85);width:auto;max-width:130px;height:34px;transition:filter var(--transition-medium), transform .4s var(--ease-spring);align-self:flex-start;margin:0 0 8px}.experience-card:hover .experience-logo{filter:brightness(0)invert()opacity();transform:scale(1.03)}[data-theme=light] .experience-logo{filter:brightness(0)opacity(.75)}[data-theme=light] .experience-card:hover .experience-logo{filter:brightness(0)opacity()}.experience-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.experience-info{flex-direction:column;gap:3px;min-width:0;display:flex}.experience-info h3{font-size:var(--fs-body);overflow-wrap:break-word;font-weight:500}.experience-info p{font-size:var(--fs-body-sm);color:var(--text-muted);font-weight:400}.experience-date{font-size:var(--fs-body-sm);text-align:right;color:var(--text-muted);font-weight:300}.experience-description{font-size:var(--fs-body);text-align:justify;font-weight:300;line-height:1.65}.education-item{flex-direction:column;gap:8px;min-width:0;display:flex}.education-item h3{font-size:var(--fs-body);overflow-wrap:break-word;word-break:break-word;font-weight:500}.education-item p{font-size:var(--fs-body-sm);font-weight:400}.education-details{flex-wrap:wrap;justify-content:space-between;gap:6px 16px;min-width:0;display:flex}.education-details .institution{color:var(--text);overflow-wrap:break-word;min-width:0}.education-details .date{color:var(--text-muted);font-weight:400;font-size:var(--fs-body-sm)}.project-card{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:start;gap:10px 16px;display:grid}.project-name{font-size:var(--fs-card-title);grid-area:1/1;font-weight:500}.project-card .github-btn{grid-area:1/2;align-self:center}.project-description{font-size:var(--fs-body);text-align:justify;overflow-wrap:break-word;grid-area:2/1/auto/-1;font-weight:300;line-height:1.65}.github-btn{align-items:center;gap:6px;display:inline-flex}.github-btn svg{font-size:16px}.badge-item{border-bottom:1px solid var(--border-muted);transition:padding-left var(--transition-medium);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.badge-item:hover{padding-left:8px}.badge-item:last-child{border-bottom:none}.badge-name{font-size:var(--fs-body-sm);font-weight:500}.badge-link{font-size:var(--fs-body-sm);text-underline-offset:4px;transition:color var(--transition-fast), letter-spacing var(--transition-medium);white-space:nowrap;margin-left:16px;font-weight:500;text-decoration:underline}.badge-link:hover{color:var(--text-muted);letter-spacing:.5px}.reading-progress{background:var(--text);z-index:1100;will-change:width;height:2px;transition:width .15s linear;position:fixed;top:0;left:0;box-shadow:0 0 8px #ffffff4d}[data-theme=light] .reading-progress{box-shadow:0 0 8px #00000026}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.blog-listing-card-link{height:100%;display:block}.blog-card{flex-direction:column;height:100%;display:flex}.blog-card-body{flex-direction:column;flex-grow:1;gap:8px;display:flex}.blog-card-meta{font-size:var(--fs-small);color:var(--text-muted);align-items:center;gap:6px;font-weight:300;display:flex}.blog-card-meta-sep{color:var(--border-muted)}.blog-card-title{font-size:var(--fs-card-title);font-weight:500;line-height:1.35}.blog-card-excerpt{font-size:var(--fs-small);color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;font-weight:300;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.blog-read-link{font-size:var(--fs-small);transition:color var(--transition-fast);align-items:center;gap:6px;margin-top:12px;font-weight:500;display:inline-flex}.blog-read-link svg{transition:transform .35s var(--ease-spring);font-size:11px}.blog-card:hover .blog-read-link svg{transform:translate(5px)}.blog-listing{max-width:var(--container-width);margin:0 auto;padding:80px 24px 60px}.blog-listing-nav{margin-bottom:32px}.blog-listing-header{margin-bottom:36px}.blog-listing-title{font-size:var(--fs-section-title);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:500}.blog-listing-subtitle{font-size:var(--fs-body-sm);color:var(--text-muted);font-weight:300;line-height:1.5}.blog-listing-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.blog-empty{text-align:center;color:var(--text-muted);font-size:var(--fs-body);padding:48px 0;font-weight:300}.blog-post{max-width:680px;margin:0 auto;padding:80px 24px 48px}.blog-post-nav{margin-bottom:28px}.blog-post-back{font-size:var(--fs-small);color:var(--text-muted);transition:color var(--transition-fast), gap var(--transition-medium);align-items:center;gap:6px;font-weight:400;display:inline-flex}.blog-post-back svg{transition:transform .35s var(--ease-spring);font-size:10px}.blog-post-back:hover{color:var(--text)}.blog-post-back:hover svg{transform:translate(-3px)}.blog-post-header{margin-bottom:0}.blog-post-meta{font-size:var(--fs-small);color:var(--text-muted);align-items:center;gap:6px;margin-bottom:14px;font-weight:300;display:flex}.blog-post-meta-sep{color:var(--border-muted)}.blog-post-title{letter-spacing:-.3px;margin-bottom:16px;font-size:clamp(22px,3.5vw,34px);font-weight:600;line-height:1.25}.blog-post-tags{flex-wrap:wrap;gap:6px;display:flex}.blog-tag{border:1px solid var(--border-muted);color:var(--text-muted);transition:border-color var(--transition-medium), color var(--transition-medium);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:400}.blog-tag:hover{border-color:var(--text);color:var(--text)}.blog-post-divider{background:var(--border-muted);height:1px;margin:28px 0}.blog-post-footer{margin-top:40px}.blog-post-footer .blog-post-divider{margin-bottom:20px}.blog-content{word-break:break-word;overflow-wrap:break-word;font-size:15px;font-weight:300;line-height:1.8}.blog-content>:first-child{margin-top:0}.blog-content h1{letter-spacing:-.2px;margin:40px 0 14px;font-size:24px;font-weight:600}.blog-content h2{letter-spacing:-.2px;margin:36px 0 12px;font-size:20px;font-weight:600}.blog-content h3{margin:28px 0 10px;font-size:17px;font-weight:500}.blog-content p{margin-bottom:16px}.blog-content ul,.blog-content ol{margin-bottom:16px;padding-left:20px}.blog-content ul{list-style:outside}.blog-content ol{list-style:decimal}.blog-content li{margin-bottom:6px;padding-left:4px}.blog-content li::marker{color:var(--text-muted)}.blog-content a{color:var(--text);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-muted);text-decoration-color:var(--border-muted);transition:text-decoration-color var(--transition-medium), text-underline-offset var(--transition-medium);text-decoration-thickness:1px}.blog-content a:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text);text-underline-offset:5px}.blog-content strong{color:var(--text);font-weight:500}.blog-content code{background-color:var(--bg-card);border:1px solid var(--border-muted);word-break:break-all;border-radius:4px;padding:1px 6px;font-family:Fira Code,Consolas,monospace;font-size:.875em}.blog-content pre{background-color:var(--bg-card);border:1px solid var(--border-muted);border-radius:var(--radius);-webkit-overflow-scrolling:touch;max-width:100%;margin:24px 0;padding:18px 20px;overflow-x:auto}.blog-content pre code{word-break:normal;white-space:pre;background:0 0;border:none;padding:0;font-size:13px;line-height:1.7;display:block}.blog-content blockquote{border-left:2px solid var(--border);color:var(--text-muted);background:var(--bg-card);border-radius:0 var(--radius) var(--radius) 0;margin:24px 0;padding:12px 16px;font-style:italic}.blog-content blockquote p:last-child{margin-bottom:0}.blog-content img{border-radius:var(--radius);margin:24px 0}.blog-content-table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;margin:24px 0;overflow-x:auto}.blog-content table{border-collapse:collapse;width:100%;min-width:400px;font-size:13px}.blog-content th,.blog-content td{border:1px solid var(--border-muted);text-align:left;padding:10px 14px}.blog-content th{background:var(--bg-card);font-weight:500}.blog-content hr{background:var(--border-muted);border:none;height:1px;margin:32px 0}.footer{text-align:center;padding:40px 0 28px}.footer-divider{width:100%;max-width:var(--container-width);background:linear-gradient(90deg, transparent 0%, var(--border-muted) 15%, var(--border-muted) 85%, transparent 100%);height:1px;margin:0 auto 20px}.footer-text{font-size:var(--fs-small);color:var(--text);font-weight:400}@media (max-width:1100px){:root{--container-width:90%;--section-gap:44px}}@media (max-width:768px){:root{--section-gap:36px;--card-padding:20px}.hero{padding:80px 0 calc(var(--section-gap) / 2)}.hero-name,.hero-title,.hero-bio,.hero-open{text-align:left}.hero-divider{width:100%;max-width:100%;margin:16px 0}.hero-actions{flex-direction:column;align-items:flex-start}.hero-social{margin-left:0}.experience-header{flex-direction:column}.experience-date,.experience-description{text-align:left}.project-card{grid-template-rows:auto auto auto;grid-template-columns:1fr}.project-name{grid-area:1/1}.project-description{text-align:left;grid-area:2/1}.project-card .github-btn{grid-area:3/1;justify-self:start}.education-details{flex-direction:column}.badge-item{flex-direction:column;align-items:flex-start;gap:6px}.badge-link{margin-left:0}.blog-grid,.blog-listing-grid{grid-template-columns:1fr}.blog-card{min-height:auto}.section-header{flex-direction:column;align-items:flex-start}.blog-listing{padding-top:64px;padding-bottom:40px}.blog-listing-nav{margin-bottom:24px}.blog-listing-header{margin-bottom:28px}.blog-post{padding:64px 20px 36px}.blog-post-nav{margin-bottom:20px}.blog-post-title{margin-bottom:12px;font-size:clamp(20px,5vw,28px)}.blog-post-divider{margin:20px 0}.blog-content{font-size:14.5px;line-height:1.75}.blog-content h1{margin:28px 0 10px;font-size:20px}.blog-content h2{margin:24px 0 10px;font-size:18px}.blog-content h3{margin:20px 0 8px;font-size:16px}.blog-content pre{border-radius:var(--radius);margin:20px 0;padding:16px}.blog-content pre code{font-size:12.5px}.blog-content blockquote{margin:18px 0;padding:10px 14px}.blog-content-table-wrapper{margin:18px 0}.blog-content table{font-size:12px}.blog-content th,.blog-content td{padding:8px 10px}}@media (max-width:480px){:root{--section-gap:28px;--card-padding:16px;--container-padding:16px}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{text-align:center;width:100%}.hero-social .social-icon{width:34px;height:34px;font-size:20px}.social-icons{gap:10px}.btn{padding:9px 18px}.btn-sm{padding:7px 14px}.education-item h3{line-height:1.4}.education-details .date{font-size:var(--fs-small)}.experience-description{text-align:left}.blog-listing{padding:56px 20px 36px}.blog-listing-title{margin-bottom:6px}.blog-listing-header{margin-bottom:24px}.blog-card-excerpt{-webkit-line-clamp:2}.blog-post{padding:56px 20px 28px}.blog-post-title{font-size:clamp(19px,5.5vw,24px);line-height:1.3}.blog-content{font-size:14px;line-height:1.75}.blog-content pre{border-radius:var(--radius);padding:14px 16px}.blog-content pre code{font-size:12px}.blog-content blockquote{padding:10px 12px}.blog-post-footer{margin-top:28px}}@media (max-width:360px){:root{--container-padding:14px}.blog-post,.blog-listing{padding-left:16px;padding-right:16px}.blog-content{font-size:13.5px}.blog-content pre{padding:12px 14px}.blog-content pre code{font-size:11.5px}}html,html body{transition:background-color .4s var(--ease-out), color .4s var(--ease-out)}.card,.theme-toggle,.blog-content pre,.blog-content blockquote,.blog-content code{transition-property:background-color,border-color,box-shadow,transform,color;transition-duration:.4s,.35s,.35s,.4s,.4s;transition-timing-function:var(--ease-out)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reading-progress{transition:none}}