@media(max-width:768px){.layout main .left p{font-size:2rem}.layout header{padding:15px 20px}.layout header .right a{display:none}.layout main{flex-direction:column;justify-content:center;text-align:center}.layout main .left{text-align:center}}.article-body h1{margin-bottom:12px}.article-body p,.article-body li{line-height:1.6;margin-bottom:16px}.article-body ul{list-style:disc;padding-left:20px;margin:16px 0;display:block;gap:0}.article-footer-links{margin-top:32px}.article-footer-links .nav-link{text-decoration:none;color:var(--accent-color);font-weight:600}.eyebrow{letter-spacing:.3em;font-size:.8rem;text-transform:uppercase;color:#fff9}@media(max-width:768px){.page-card{padding:30px 24px}.project-row{flex-direction:column;gap:12px}.project-link{width:fit-content}}:root{--bg-color: #050505;--text-color: #ffffff;--accent-color: #3498db;--header-height: 80px}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;width:100vw;min-height:100vh;display:flex;flex-direction:column;position:relative}body.light-theme{--bg-color: #ffffff;--text-color: #111111}.layout *{box-sizing:border-box;margin:0;padding:0;transition:background-color .5s cubic-bezier(.25,.8,.25,1),color .5s ease}*{box-sizing:border-box}.layout{flex:1;display:flex;flex-direction:column;min-height:100vh}#badge-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.floating-badge{position:absolute;padding:10px 24px;border-radius:50px;font-family:Inter,sans-serif;font-weight:700;font-size:14px;letter-spacing:.5px;text-transform:uppercase;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#0009;text-shadow:1px 1px 0px rgba(255,255,255,.2);box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffff1a,0 4px 15px #0000001a;will-change:transform;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform .1s linear}.floating-badge:before{content:"";position:absolute;inset:0;border-radius:50px;background-color:var(--badge-color);opacity:.15;z-index:-1}body:not(.light-theme) .floating-badge{color:#ffffffd9;text-shadow:-1px -1px 0px rgba(0,0,0,.5);background:#14141466;border:1px solid rgba(255,255,255,.1)}.layout header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;height:var(--header-height);z-index:10;position:relative;background:transparent}.layout header .left,.layout header .right{display:flex;align-items:center;gap:20px}.header-face{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid var(--text-color);transition:transform .3s ease}.header-face:hover{transform:scale(1.1)}.header-face img{width:100%;height:100%;object-fit:cover}.header-text p{font-weight:600;font-size:1.1rem}.header-text a{font-size:.9rem;color:#888;text-decoration:none;transition:color .3s}.header-text a:hover{color:var(--text-color)}.face-link{display:block;width:100%;height:100%}.header-text .title-link{font-size:inherit;color:inherit}.layout header .right .desktop-nav{display:flex;align-items:center;gap:20px}.layout header .right a{color:var(--text-color);text-decoration:none;font-weight:500;position:relative;padding:5px 0}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:8px;z-index:101}.mobile-nav{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-nav.open{opacity:1;pointer-events:auto}.mobile-menu-close{position:absolute;top:30px;right:25px;background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:8px}.mobile-nav-link{font-size:1.8rem;font-weight:700;color:var(--text-color);text-decoration:none;padding:10px}.mobile-nav-link.active{color:var(--accent-color)}.layout header .right{display:flex;align-items:center;gap:20px}.layout header .right a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--accent-color);transition:width .3s ease}.layout header .right a:hover:after{width:100%}#theme-toggle{cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:transparent;color:inherit;transition:background-color .3s}#theme-toggle:hover{background-color:#8080801a}.theme-icon{font-size:1.2rem}.hide-icons{display:none!important}.layout main{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:relative;z-index:5;pointer-events:auto}.layout main .left{pointer-events:auto;max-width:600px}.layout main .left p{font-family:IBM Plex Mono,monospace;font-size:3.5rem;line-height:1.2;font-weight:700;letter-spacing:-1px;text-shadow:0 2px 10px rgba(0,0,0,.1)}.layout footer{padding:20px 40px;display:flex;flex-direction:column;align-items:center;gap:15px;z-index:10}.social-icons{display:flex;gap:25px}.social-icons a{color:var(--text-color);font-size:1.5rem;text-decoration:none;opacity:.7;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.social-icons a:hover{opacity:1;transform:translateY(-5px) scale(1.1);color:var(--accent-color)}.footer-text{font-size:.8rem;color:#888}@media(max-width:768px){.layout main .left p{font-size:2rem}.layout header{padding:15px 20px}.layout header .right{gap:10px}.layout header .right .desktop-nav{display:none}.mobile-menu-toggle{display:block}.layout main{flex-direction:column;justify-content:center;text-align:center}.layout main .left{text-align:center}}.nav-link.active:after{width:100%}.page-card{pointer-events:auto;width:min(900px,100%);margin:0 auto;padding:40px;border-radius:32px;background:#070707a6;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 30px 120px #00000059}body.light-theme .page-card{background:transparent;border:none;box-shadow:none;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}.page-card-wide{width:100%;max-width:none;margin:0;border:none;border-radius:0}body.light-theme .page-card-wide{border:none}.page-card ul{list-style:none;margin-top:48px;display:flex;flex-direction:column;gap:24px}.page-card li{padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}body.light-theme .page-card li{border-color:#00000014}.page-card li:last-child{border-bottom:none;padding-bottom:0}.page-card .entry-link{display:block;color:inherit;text-decoration:none}.page-card .entry-link:hover h3{color:var(--accent-color)}.page-card h2{font-size:2.4rem;margin-top:4px}.page-header{display:flex;flex-direction:column;gap:12px}.page-header>p{color:#ffffffb3}body.light-theme .page-header>p{color:#000000a6}.page-title-row{display:flex;align-items:center;gap:16px}.page-title-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:1.5rem;background:#ffffff14;color:var(--accent-color)}body.light-theme .page-title-icon{background:#0000000f}.page-card h3{font-size:1.3rem;margin-bottom:6px}.entry-summary{margin-top:6px;color:#ffffffbf}body.light-theme .entry-summary{color:#000000b3}.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.tag-pill{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:inherit;opacity:.85}body.light-theme .tag-pill{border-color:#0003}.entry-date{margin-top:10px;font-size:.85rem;color:#fff9}body.light-theme .entry-date{color:#0009}.article-body{width:min(760px,100%)}.article-body h1{margin-bottom:12px;font-size:2.8rem;line-height:1.2}.article-body p{line-height:1.7;margin-bottom:16px;color:#ffffffe6}body.light-theme .article-body p{color:#000000d9}.article-body ul,.article-body ol{margin:16px 0 24px;padding-left:24px;display:block;gap:0}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{line-height:1.6;margin-bottom:8px;padding-bottom:0;border-bottom:none}.article-body h3{font-size:1.6rem;margin-top:40px;margin-bottom:16px;color:var(--accent-color);font-weight:700}.article-body h4{font-size:1.3rem;margin-top:32px;margin-bottom:12px;font-weight:600;color:var(--text-color)}.article-body blockquote{border-left:4px solid var(--accent-color);margin:24px 0;font-style:italic;color:#fffc;background:#ffffff08;padding:16px;border-radius:0 8px 8px 0}body.light-theme .article-body blockquote{color:#000000b3;background:#00000008}.article-footer-links{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}body.light-theme .article-footer-links{border-top-color:#0000001a}.article-footer-links .nav-link{text-decoration:none;color:var(--accent-color);font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:transform .2s}.article-footer-links .nav-link:hover{transform:translate(-4px)}.project-list{list-style:none;margin-top:32px;display:flex;flex-direction:column}.project-row{display:flex;gap:20px;align-items:flex-start;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08)}.project-row:last-child{border-bottom:none;padding-bottom:0}body.light-theme .project-row{border-color:#00000014}.project-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:1.4rem;background:#ffffff14;color:var(--accent-color)}body.light-theme .project-icon{background:#00000014}.project-meta{flex:1}.project-meta h3{margin-bottom:6px}.project-meta p{color:#fffc;line-height:1.4}body.light-theme .project-meta p{color:#000000b3}.project-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--accent-color);font-weight:600}.eyebrow{letter-spacing:.3em;font-size:.8rem;text-transform:uppercase;color:#fff9;margin-bottom:12px;display:block}body.light-theme .eyebrow{color:#0009}@media(max-width:768px){.page-card{padding:30px 20px;text-align:left}.page-card h2{font-size:1.8rem}.page-title-row{gap:12px}.page-title-icon{width:40px;height:40px;font-size:1.2rem}.project-meta h3{font-size:1.1rem;line-height:1.3}.project-meta p{font-size:.95rem}.entry-date{font-size:.8rem;margin-bottom:4px;margin-top:0}.tag-pill{padding:4px 10px;font-size:.7rem}.project-row{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:12px 16px;align-items:start;padding:16px 0}.project-icon{grid-row:1;grid-column:1;width:40px;height:40px;font-size:1.2rem;margin-top:4px}.project-meta{grid-row:1;grid-column:2}.project-link{grid-row:2;grid-column:2;width:fit-content;margin-top:4px;font-size:.9rem}}