@import"https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";:root{--bg: #0d0d0f;--bg-sidebar: #111114;--bg-card: #16161a;--text: #e8e8f0;--text-muted: #7a7a8c;--neon: #00d0ff;--neon-dim: rgba(0, 208, 255, .25);--neon-glow: 0 0 8px rgba(0, 208, 255, .7), 0 0 20px rgba(0, 208, 255, .3);--border: rgba(0, 208, 255, .2);--radius: 8px;--sidebar-w: 260px;--font: "Comic Neue", "Comic Sans MS", "Comic Sans", cursive;--font-mono: "Comic Neue", "Comic Sans MS", "Comic Sans", cursive}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--neon);text-decoration:none;transition:opacity .2s}a:hover{opacity:.75}ul{list-style:none}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;width:100%;max-width:100vw;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);padding:2.5rem 1.75rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden}.profile-pic{width:110px;height:110px;border-radius:50%;object-fit:cover;border:2px solid var(--neon);box-shadow:var(--neon-glow);display:block;flex-shrink:0}.sidebar-name{font-size:1.15rem;font-weight:600;color:var(--text)}.sidebar-info{display:flex;flex-direction:column;align-items:center;gap:.4rem}.sidebar-info li,.sidebar-info li a{color:var(--text-muted);font-size:.85rem}.sidebar-info li a:hover{color:var(--neon);opacity:1}.social-links{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:.6rem}.social-links li a{display:flex;align-items:center;color:var(--text-muted);transition:color .2s,filter .2s}.social-links li a img{width:30px;height:30px;filter:invert(50%) sepia(0%) saturate(0%) brightness(80%);transition:filter .2s}.social-links li a:hover img{filter:invert(71%) sepia(97%) saturate(400%) hue-rotate(160deg) brightness(105%)}.blog-link{margin-top:auto;display:inline-block;color:var(--neon);font-size:.9rem;font-weight:500;transition:text-shadow .2s}.blog-link:hover{opacity:1;text-shadow:var(--neon-glow)}.content{padding:3rem 3.5rem;width:100%;max-width:860px;min-width:0;margin:0 auto;height:100vh;overflow-y:auto;overflow-x:hidden}.content h2{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--neon);margin-bottom:1.25rem}.section-divider{border:none;height:1px;background:linear-gradient(to right,var(--neon-dim),var(--neon),var(--neon-dim));box-shadow:0 0 6px #00d0ff80;margin:2.5rem 0}.more-link{display:inline-block;margin-top:.9rem;font-size:.82rem;color:var(--text-muted);transition:color .2s}.more-link:hover{color:var(--neon);opacity:1}.content-nav{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:auto}.content-nav a{font-size:.9rem;font-weight:600;color:var(--neon);transition:text-shadow .2s}.content-nav a:hover{opacity:1;text-shadow:var(--neon-glow)}.entry-tech{display:flex;flex-wrap:wrap;gap:.35rem}.tech-tag{font-size:.72rem;color:var(--neon);background:var(--neon-dim);border:1px solid var(--border);padding:.1rem .5rem;border-radius:99px;white-space:nowrap}#projects-list{display:flex;flex-direction:column;gap:1.1rem}.project-entry{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;column-gap:.75rem;row-gap:.25rem;align-items:baseline}.project-entry .entry-title{grid-column:1;grid-row:1;font-weight:600;font-size:.95rem;color:var(--text)}.project-entry .entry-year{grid-column:1;grid-row:2;font-size:.78rem;color:var(--text-muted)}.project-entry .entry-links{grid-column:2;grid-row:1;display:flex;gap:.5rem;align-items:center}.project-entry .entry-links a{display:flex;align-items:center;color:var(--text-muted);border:1px solid var(--border);padding:.2rem .4rem;border-radius:4px;transition:color .2s,border-color .2s,box-shadow .2s}.project-entry .entry-links a:hover{color:var(--neon);border-color:var(--neon);box-shadow:0 0 6px #00d0ff66;opacity:1}.project-entry .entry-desc{grid-column:1 / -1;grid-row:3;font-size:.83rem;color:var(--text-muted);line-height:1.5}.project-entry .entry-tech{grid-column:1 / -1;grid-row:4}#experience-list{display:flex;flex-direction:column;gap:1rem}.experience-entry{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;column-gap:.6rem;row-gap:.35rem;align-items:baseline}.experience-entry .entry-title{grid-column:1;grid-row:1;font-weight:600;font-size:.95rem;color:var(--text)}.experience-entry .entry-company{grid-column:1;grid-row:2;font-size:.88rem;color:var(--text-muted)}.experience-entry .entry-company:before{content:"—";margin-right:.6rem;color:var(--border)}.experience-entry .entry-period{grid-column:2;grid-row:1;font-size:.78rem;color:var(--text-muted);text-align:right;white-space:nowrap}.experience-entry .entry-tech{grid-column:1 / -1;grid-row:3}.skills-strip{overflow:hidden;width:100%}.skills-track{display:flex;width:max-content;animation:marquee 40s linear infinite}.skills-inner{display:flex;flex-shrink:0;gap:1rem;padding:0 .5rem}.skill-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);padding:.2rem .65rem;border-radius:99px;white-space:nowrap}.skill-tag img{display:block;flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}body.list-page{max-width:860px;margin:0 auto;padding:3rem 2rem}body.list-page>a{display:inline-block;margin-bottom:2rem;color:var(--text-muted);font-size:.85rem}body.list-page>a:hover{color:var(--neon);opacity:1}body.list-page>h1{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:1.75rem}body.list-page ul{display:flex;flex-direction:column;gap:1.25rem}body:has(article){max-width:720px;margin:0 auto;padding:3rem 2rem}body:has(article)>a{display:inline-block;margin-bottom:2rem;color:var(--text-muted);font-size:.85rem}body:has(article)>a:hover{color:var(--neon);opacity:1}article h1{font-size:1.75rem;font-weight:700;color:var(--text);margin-bottom:.4rem}article time{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:2rem}article h2,article h3{color:var(--text);margin:1.75rem 0 .5rem}article p{color:var(--text-muted);margin-bottom:1rem}article a{color:var(--neon)}article code{font-size:.85em;background:var(--bg-card);border:1px solid var(--border);padding:.1em .4em;border-radius:4px;color:var(--neon)}article pre{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;overflow-x:auto;margin-bottom:1rem}article pre code{background:none;border:none;padding:0}body:has(ul):not(:has(article)):not(:has(.layout)){max-width:720px;margin:0 auto;padding:3rem 2rem}body>h1{font-size:1.5rem;font-weight:700;margin-bottom:2rem}body>ul li{padding:1rem 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.3rem}body>ul li a{font-weight:600;font-size:1rem;color:var(--text)}body>ul li a:hover{color:var(--neon);opacity:1}body>ul li time{font-size:.78rem;color:var(--text-muted)}body>ul li p{font-size:.85rem;color:var(--text-muted)}@media(max-width:768px){.layout{grid-template-columns:1fr;height:auto;overflow:visible}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border);padding:2rem 1.5rem}.content-nav{margin-top:1.5rem}.content{height:auto;overflow-y:visible;padding:2rem 1.5rem}.experience-entry .entry-period{text-align:left}}