:root{--color-ink-rgb: 0, 0, 0;--color-white-rgb: 255, 255, 255;--color-grey-rgb: 87, 87, 87;--color-accent-dark-rgb: 200, 212, 106;--color-glow-rgb: 254, 255, 175;--color-bg-primary: rgb(254, 255, 175);--color-bg-secondary: rgba(139, 95, 95, .042);--color-bg-pale: rgba(221, 221, 221, .32);--color-bg-muted: rgba(53, 47, 47, .15);--color-bg-muted-strong: rgba(53, 47, 47, .4);--color-bg-cream: #f2f2f2;--color-bg-tag: rgba(254, 255, 175, .3);--color-bg-hover-cream: rgba(254, 255, 175, .3);--color-white: #ffffff;--color-text-primary: rgba(var(--color-ink-rgb), .85);--color-text-secondary: rgba(var(--color-ink-rgb), .75);--color-text-muted: rgba(var(--color-ink-rgb), .6);--color-text-strong: rgba(var(--color-ink-rgb), .9);--color-hover-light: rgba(var(--color-ink-rgb), .1);--color-text-title: #1A1A1A;--color-text-desc: #9A9484;--color-text-tag: #7E7A6C;--color-text-chevron: #8C8676;--color-text-label: #4A4640;--color-error: rgba(180, 0, 0, .7);--color-border-light: #e8e8e8;--color-border-divider: #ECE7D6;--color-border-hover: #A8A49C;--color-status-shipped: #5CB87E;--color-status-active: #E8A838;--color-status-ongoing: #A8A49C;--color-brand-email: #6D4AFF;--color-brand-linkedin: #0077B5;--color-brand-github: #1b1f23;--color-brand-youtube: #FF0000;--color-bg-dark: #0f1012;--color-bg-card-dark: #222522;--color-logo-dark: #5c5c5c;--color-accent-dark-light: #e0ef80;--color-text-light-grey-dark: #B3B3B3;--color-text-medium-grey-dark: #808080;--color-text-dark-grey-dark: #595959;--font-primary: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Comfortaa", sans-serif;--font-size-primary: 1.2rem;--font-size-small: 1rem;--font-size-code: .85rem;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 35px 34px;--space-xl: 40px;--space-xxl: 80px;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 30px;--shadow-soft: 0 6px 18px rgba(0, 0, 0, .04);--shadow-grey: 0 5px 15px rgba(0, 0, 0, .215);--shadow-darkgrey: 0 5px 15px rgba(0, 0, 0, .31);--shadow-medium: 4px 10px 80px 10px rgba(255, 255, 155, .613);--shadow-hover: 4px 10px 80px 10px rgba(253, 255, 148, .4);--transition-sst: .1s ease}*{box-sizing:border-box;margin:0;padding:0;cursor:default;-webkit-user-select:none;user-select:none}html{scrollbar-gutter:stable both-edges}html,body{min-height:100%;overflow-x:hidden;overflow-x:clip}h1,h2,h3{line-height:1;font-family:var(--font-display);letter-spacing:.1em}p{font-family:var(--font-primary);font-size:var(--font-size-small);color:var(--color-text-muted);line-height:1.65;margin-bottom:0}h1{font-size:2rem;color:var(--color-text-secondary);margin:0 0 15px -2px}h2{font-size:1.5rem;color:rgba(var(--color-ink-rgb),.65)}h3{font-size:1rem;color:var(--color-text-strong)}.landing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}.landing-overlay .logo{font-size:4rem;color:rgba(var(--color-ink-rgb),.85);opacity:.7;text-shadow:none;font-weight:300;transform:translateY(-70%)}.landing-overlay--gone{opacity:0;pointer-events:none}.dark.landing-overlay{background:var(--color-bg-dark)}.landing-overlay .theme-toggle{position:absolute;top:5px;right:5px;opacity:.6}.homepage{background:var(--color-bg-pale);min-height:100vh;padding:80px 64px 10px;display:flex;flex-direction:column;position:relative;transition:background .3s ease,color .3s ease}.homepage.dark{background:var(--color-bg-dark);color:var(--color-logo-dark)}.homepage-content{width:90%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.logo{font-size:2.5rem;line-height:1;font-family:var(--font-display);letter-spacing:.3em;font-weight:900;text-shadow:0 0 12px rgba(var(--color-glow-rgb),.8),0 0 30px rgba(var(--color-glow-rgb),.4),0 2px 4px rgba(var(--color-ink-rgb),.4);transition:color .3s ease,text-shadow .3s ease,font-size .4s ease;flex-shrink:0}.dark .logo{color:var(--color-bg-primary)}.hero-navbar{position:fixed;top:0;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 34px 0 20px;background:var(--color-bg-primary);box-shadow:0 2px 12px rgba(var(--color-ink-rgb),.12);z-index:100;transform:translateY(-100%);transition:transform .3s ease}.hero-navbar.has-back .logo{position:absolute;left:50%;transform:translate(-50%)}.hero-navbar.visible{transform:translateY(0)}.hero-navbar .logo{font-size:1.3rem;line-height:1.1;color:rgba(var(--color-ink-rgb),.75);text-shadow:none;font-weight:inherit;letter-spacing:.5em}.hero-navbar .theme-toggle{position:absolute;top:5px;right:5px;margin-left:0}.dark .hero-navbar{background:var(--color-bg-card-dark);box-shadow:0 2px 12px rgba(var(--color-ink-rgb),.5)}.dark .hero-navbar .logo{color:var(--color-logo-dark);text-shadow:none;-webkit-text-stroke:.5px var(--color-logo-dark)}.dark .hero-navbar .theme-toggle{color:rgba(var(--color-accent-dark-rgb),.6)}.theme-toggle,.theme-toggle *{cursor:pointer}.theme-toggle{background:none;border:none;border-radius:50%;padding:12px;color:var(--color-text-muted);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease,opacity .2s ease,background-color .2s ease;opacity:.6;margin-left:8px}.theme-toggle:hover,.theme-toggle:active{opacity:1;background-color:rgba(var(--color-ink-rgb),.06)}.dark .theme-toggle:hover,.dark .theme-toggle:active{background-color:rgba(var(--color-accent-dark-rgb),.12)}.dark .theme-toggle{color:rgba(var(--color-accent-dark-rgb),.6)}.back-arrow{position:fixed;top:7px;left:12px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(var(--color-ink-rgb),.05);display:flex;align-items:center;justify-content:center;cursor:default;z-index:9999;transition:transform .2s ease,background .2s ease}.back-arrow:hover{background:rgba(var(--color-grey-rgb),.15)}.dark .back-arrow{background:rgba(var(--color-accent-dark-rgb),.08)}.dark .back-arrow svg{stroke:var(--color-logo-dark)}.dark .back-arrow:hover{background:rgba(var(--color-accent-dark-rgb),.15)}.projects-container{background:var(--color-bg-cream);border:1px solid var(--color-border-light);border-radius:12px;padding:22px}.projects-list{display:flex;flex-direction:column}.projects-row{padding:8px 0;border-bottom:1px solid var(--color-border-light)}.projects-row:last-child{border-bottom:none}.projects-row-header{width:100%;display:flex;align-items:flex-start;gap:12px;background:none;border:none;padding:14px 0;text-align:left}.projects-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.projects-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.projects-title{font-family:var(--font-display);font-size:var(--font-size-small);font-weight:700;color:var(--color-text-title);line-height:1.3}.projects-desc{font-family:var(--font-primary);font-size:var(--font-size-small);color:var(--color-text-desc);line-height:1.65}.projects-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.projects-tag{font-family:Space Mono,monospace;font-size:10.5px;color:var(--color-text-tag);background:var(--color-bg-tag);border-radius:999px;padding:3px 9px;letter-spacing:.02em}.projects-chevron{flex-shrink:0;color:var(--color-text-chevron);margin-top:6px;transition:transform .25s ease}.projects-chevron--open{transform:rotate(180deg)}.projects-panel{overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.projects-panel-inner{padding:0 0 16px 20px;display:flex;flex-direction:column;gap:0}.projects-stagger{opacity:0;transform:translate(-6px);transition:opacity .2s ease,transform .2s ease}.projects-row--open .projects-stagger{opacity:1;transform:translate(0);transition-delay:calc(80ms + var(--i, 0) * 60ms)}.projects-layers{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.projects-layer-row{display:flex;gap:14px;align-items:baseline}.projects-layer-index{font-family:var(--font-primary);font-size:.8rem;color:var(--color-text-chevron);flex-shrink:0;width:22px}.projects-layer-label{font-family:var(--font-primary);font-size:var(--font-size-small);color:var(--color-text-label);line-height:1.65}.projects-divider{border:none;border-top:1px solid var(--color-border-divider);margin:10px 0}.projects-links{display:flex;flex-direction:column;gap:4px}.projects-link-row{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-primary);font-size:var(--font-size-small);color:var(--color-text-label);text-decoration:none;padding:6px 8px;border-radius:6px;transition:color .15s ease,background .15s ease}.projects-link-row:hover{color:var(--color-text-title);background:var(--color-bg-tag)}.projects-details{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.projects-detail-row{font-family:var(--font-primary);font-size:var(--font-size-small);color:var(--color-text-tag);line-height:1.6;margin:0}.projects-view-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-primary);font-size:var(--font-size-small);color:var(--color-text-label);text-decoration:none;border:1px solid var(--color-border-light);border-radius:999px;padding:7px 16px;margin-top:12px;transition:border-color .15s ease,color .15s ease,transform .15s ease}.projects-view-btn:hover{border-color:var(--color-border-hover);color:var(--color-text-title);transform:translate(4px)}.projects-nested-toggle{width:100%;text-align:left;background:transparent;border:none;font-weight:700}.projects-nested-chevron{margin-top:0;flex-shrink:0}.projects-nested-panel{overflow:hidden;max-height:0;transition:max-height .25s cubic-bezier(.4,0,.2,1)}.projects-nested-inner{display:flex;flex-direction:column;gap:2px;padding:4px 0 4px 22px}.dark .projects-container{background:rgba(var(--color-accent-dark-rgb),.05);border-color:rgba(var(--color-accent-dark-rgb),.15)}.dark .projects-row{border-bottom-color:rgba(var(--color-accent-dark-rgb),.1)}.dark .projects-title{color:var(--color-bg-primary);opacity:.85}.dark .projects-desc{color:var(--color-text-light-grey-dark)}.dark .projects-tag{background:rgba(var(--color-grey-rgb),.15);color:var(--color-text-light-grey-dark)}.dark .projects-chevron{color:rgba(var(--color-accent-dark-rgb),.55)}.dark .projects-layer-index{color:rgba(var(--color-accent-dark-rgb),.5)}.dark .projects-layer-label{color:rgba(var(--color-accent-dark-rgb),.8)}.dark .projects-divider{border-top-color:rgba(var(--color-accent-dark-rgb),.12)}.dark .projects-link-row{color:var(--color-text-medium-grey-dark)}.dark .projects-link-row:hover{background:rgba(var(--color-grey-rgb),.15);color:var(--color-bg-primary)}.dark .projects-nested-toggle{color:var(--color-bg-primary);opacity:.85}.dark .projects-detail-row{color:var(--color-text-light-grey-dark)}.dark .projects-view-btn{color:var(--color-bg-primary);border-color:rgba(var(--color-accent-dark-rgb),.2)}.dark .projects-view-btn:hover{border-color:rgba(var(--color-accent-dark-rgb),.5);color:var(--color-logo-dark)}.about{display:flex;flex-direction:column;gap:12px;margin:0 5px}.contact-form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:440px;background:transparent;box-shadow:none;border-left:none;border-radius:0;padding:4px var(--space-md) var(--space-md);margin:0 auto}.contact-form:hover{box-shadow:none}.contact-form h3{margin:0 0 var(--space-md);text-align:center}.contact-form .submit-button{align-self:center}.form-input{width:100%;max-width:100%;padding:12px 16px;border:1px solid rgba(var(--color-ink-rgb),.08);border-radius:var(--radius-md);background:rgba(var(--color-white-rgb),.75);font-family:var(--font-primary);font-size:var(--font-size-small);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-sst);box-sizing:border-box}.form-input:focus{border-color:rgba(var(--color-ink-rgb),.3)}.form-input::placeholder{color:var(--color-text-muted)}.dark .form-input{background:rgba(var(--color-accent-dark-rgb),.05);border-color:rgba(var(--color-accent-dark-rgb),.2);color:var(--color-logo-dark)}.dark .form-input:focus{border-color:rgba(var(--color-accent-dark-rgb),.5)}.dark .form-input::placeholder{color:rgba(var(--color-accent-dark-rgb),.5)}.form-textarea{resize:vertical;min-height:70px}.form-success{font-family:var(--font-primary);font-size:var(--font-size-small);color:var(--color-text-muted);text-align:center}.form-error{font-family:var(--font-primary);font-size:.9rem;color:var(--color-error);margin:0}.submit-button{height:36px;padding:0 20px;border:none;border-radius:var(--radius-pill);background:rgba(var(--color-ink-rgb),.05);color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--font-size-code);font-weight:600;letter-spacing:.04em;cursor:default;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-sst),color var(--transition-sst)}.submit-button:hover{background:var(--color-bg-tag)}.submit-button:active{transform:translateY(1px)}.submit-button:disabled{opacity:.5}.dark .submit-button{background:rgba(var(--color-grey-rgb),.15);color:var(--color-text-light-grey-dark)}.dark .submit-button:hover{background:rgba(var(--color-grey-rgb),.25)}.contact-form-trigger{margin-top:-12px;margin-bottom:24px}.footer{margin-top:auto;padding:16px 0 0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.8rem;color:var(--color-text-muted);font-family:var(--font-display);transition:color .3s ease,border-color .3s ease}.footer .contact-grid{display:flex;gap:4px;justify-content:center}.footer .icon-email{color:var(--color-brand-email)}.footer .icon-linkedin{color:var(--color-brand-linkedin)}.footer .icon-github{color:var(--color-brand-github)}.footer .icon-youtube{color:var(--color-brand-youtube)}.dark .footer{color:var(--color-text-dark-grey-dark)}.dark .footer .icon-github{color:var(--color-text-light-grey-dark)}.contact-grid{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;align-items:center}button.icon-link{background:none;border:none;padding:0;position:relative}.icon-link{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);text-decoration:none;color:rgba(var(--color-ink-rgb),.7)}.icon-link svg{width:16px;height:16px}.icon-link:hover{color:rgba(var(--color-ink-rgb),.4);cursor:default}.dark .icon-link:hover{color:var(--color-text-light-grey-dark)}.icon-link[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:rgba(var(--color-ink-rgb),.75);color:var(--color-white);font-size:.75rem;padding:3px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s ease}.icon-link[data-tooltip]:hover:after,.icon-link[data-tooltip]:focus-visible:after{opacity:1}.email-container{cursor:default;position:relative;display:inline-block}.email-arrow{display:inline-block;margin-left:2px;transition:transform .2s ease}.email-copied-popup{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:rgba(var(--color-ink-rgb),.75);color:var(--color-white);font-size:.75rem;padding:3px 8px;border-radius:4px;white-space:nowrap;pointer-events:none}.ss-resource-link{position:relative;font-size:inherit;color:var(--color-text-strong);text-decoration:none;line-height:1.65;font-family:var(--font-primary);transition:color var(--transition-sst);background:none;border:none;padding:0;display:inline;cursor:default}.ss-resource-link:after{content:" ↗"}.ss-resource-link:hover{color:rgba(var(--color-ink-rgb),.522)}.dark .ss-resource-link{color:var(--color-logo-dark)}.dark .ss-resource-link:hover{color:rgba(var(--color-accent-dark-rgb),.6)}.write-up{width:100%;max-width:760px;margin:40px auto 0;display:flex;flex-direction:column;gap:4px}.write-up h1{margin-bottom:32px}.write-up h2{margin-top:36px;margin-bottom:10px}.write-up h3{margin-top:28px;margin-bottom:8px}.write-up h4{font-family:var(--font-primary);font-size:.95rem;font-weight:700;color:var(--color-text-secondary);margin-top:20px;margin-bottom:8px}.write-up p{margin-bottom:4px}.write-up ul,.write-up ol{padding-left:20px;display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.write-up li{font-family:var(--font-primary);font-size:var(--font-size-small);color:var(--color-text-muted);line-height:1.65}.write-up strong{color:var(--color-text-secondary)}.write-up code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;background:var(--color-bg-tag);padding:2px 6px;border-radius:4px;color:var(--color-text-strong);-webkit-box-decoration-break:clone;box-decoration-break:clone}.write-up pre{background:var(--color-bg-cream);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:16px;overflow-x:auto;margin:4px 0}.write-up pre code{background:none;padding:0;border-radius:0;font-size:.82rem;line-height:1.6;color:var(--color-text-secondary)}.write-up hr{display:none}.write-up a{color:var(--color-text-strong)}.dark .write-up p,.dark .write-up strong,.dark .write-up h4{color:var(--color-text-light-grey-dark)}.dark .write-up code{background:rgba(var(--color-accent-dark-rgb),.1);color:var(--color-logo-dark)}.dark .write-up pre{background:var(--color-bg-card-dark);border-color:rgba(var(--color-accent-dark-rgb),.15)}.dark .write-up pre code{background:none;color:var(--color-text-light-grey-dark)}.dark p,.dark h1,.dark h3{color:var(--color-logo-dark)}.dark h2{color:var(--color-text-medium-grey-dark)}.dark .about p{color:var(--color-text-light-grey-dark)}.dark a{color:var(--color-accent-dark-light)}.error-page{min-height:100vh;background:var(--color-bg-pale);display:flex;align-items:center;justify-content:center;padding:24px}.error-card{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:420px}.error-card h1{margin-bottom:-4px}.error-card p{margin-bottom:16px}.error-home-link{background:var(--color-bg-primary);text-decoration:none;gap:6px}@media (max-width: 768px){.logo{font-size:2.5rem;letter-spacing:.3em}.homepage{padding-left:16px;padding-right:16px}.homepage-content{width:100%}.hero-navbar{padding-left:16px;padding-right:16px}}@media (max-width: 600px){h1{font-size:1.4rem}.logo{font-size:2rem;letter-spacing:.2em}}