html{background-color:#f2f3ef}:root{font-family:CoreHumanistSans,monospace,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;color:#7c7c7a;background-color:#f2f3ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAABOsAAATrAdgqWw0AAAQBSURBVEhLrZZNSFxXFMfPm9ERGyOKuLMVNw0K7UIkVOP3By4KgivpsquhgpsW3TRduAhB0IWkIaSQXQupi5JSs1AcVCwDLVM7mTFOa2q1ZYYSaRjFTDOOOtPfeT4nGd+oM4l/OJx7z7vv/O8599zzniEnMDU15ayqqnLt7u46KioqEg0NDfvWowtBmtDn8xXu7OzUORyOq8lk8ophGC7MmwcHB48LCwvXt7a2IgMDAy+OVr8+TEIlI6IPU6nUpxBdxVSkduZJ5v+gV9EhTL8yDpaWloaI/D9dky9Mwrm5ufeJ7BZOrzF1qu0kIDpAPUOeImGy4EU8JSUlj5qamnKO3NAzq6ys/Jjxl4gZ2XmAPIV6jkTZ5BOI5w4PDx9ubGz85na7zzxzw+v1Fsfj8VFeHLZseQHuJCqBxMnSH0qMftDe3h7Apz7LgDEzM3OJorjJwyHL9ibQ4FP40ih9yG3kh46ODs2GCbP0WfO3tdM3BVyGA61Hcw2fXxPxVx6Pp1r3oQsces9IwQpjLYYLhZKDj9DXFxYWLqlNd6MP1lGPdXzRwLfmeYDCqtapSehyucKoEA8OdX7RIMrL+H4XOYqQexRn4mc3/5or8oQ62t7e1vssk5OTsrm5aT15iYKCgj3VJiFIsYsAOq9z3Nvbk+XlZRkbGxPun0xMTMj09LQEAurqJdjQc0S7VarAskkikQhxPSIM3+OBramfRCQSkfHxcVlZWREqUSOQ+vp66erqktbWVmtVGvdpnVs6yHBM+V6HawS5bJmyIhwOy/DwsMRiMamtrTUJGhsbpby83CwSBRFpN4qhfiR7n3AX/1JzBuH8/PwHLPiWl96xTDZoGkdGRoQ2JoODg9LZ2alFZz01ibSp/4loEc4j33V3d6eP6vgMTRQVFT2C7AmLTm0CwWBQVldXpa6uLk3Gem3sv6DvUP6fOZ1ON8fjJr13XiVTZBBq19dGzFB7ow04lNnZWfPMNI3HZMg9bIPIF5DcbWtr87a0tESt1zKQQagg39Oo+NEsE9FoVPx+v7B788ws+NnkvaWlJV9PT88zMqRndypshGtra7+zY02r7UU+1EK1Ce1QysrKTBsEPxHZ+ujoaE692Eao3zOcaJQ2Qr0C/HKYpc8aNcXQgd7e3qzpywYboYLgvkfZPqT9/f0yNDQkzc3N5px1Wo3B89L4KrISUn1BnP1sTdOoqamRvr6+42ugKdTS13+dnJGVkB2rM/3lOLWZQ6T3zcOF3j6y5IashArO6iHqGxyflq6l/f39B9Y4Z5zZMxcXF9+G+HMi1o9oqdrg19+F+8xvEJ39s3AOziTEucFFf6u4uLia5n5FPzEghDzlLPXXMOdiyRtKrmJNXxMi/wOL8/ftFAXKUwAAAABJRU5ErkJggg==),auto}body{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAABOsAAATrAdgqWw0AAAQBSURBVEhLrZZNSFxXFMfPm9ERGyOKuLMVNw0K7UIkVOP3By4KgivpsquhgpsW3TRduAhB0IWkIaSQXQupi5JSs1AcVCwDLVM7mTFOa2q1ZYYSaRjFTDOOOtPfeT4nGd+oM4l/OJx7z7vv/O8599zzniEnMDU15ayqqnLt7u46KioqEg0NDfvWowtBmtDn8xXu7OzUORyOq8lk8ophGC7MmwcHB48LCwvXt7a2IgMDAy+OVr8+TEIlI6IPU6nUpxBdxVSkduZJ5v+gV9EhTL8yDpaWloaI/D9dky9Mwrm5ufeJ7BZOrzF1qu0kIDpAPUOeImGy4EU8JSUlj5qamnKO3NAzq6ys/Jjxl4gZ2XmAPIV6jkTZ5BOI5w4PDx9ubGz85na7zzxzw+v1Fsfj8VFeHLZseQHuJCqBxMnSH0qMftDe3h7Apz7LgDEzM3OJorjJwyHL9ibQ4FP40ih9yG3kh46ODs2GCbP0WfO3tdM3BVyGA61Hcw2fXxPxVx6Pp1r3oQsces9IwQpjLYYLhZKDj9DXFxYWLqlNd6MP1lGPdXzRwLfmeYDCqtapSehyucKoEA8OdX7RIMrL+H4XOYqQexRn4mc3/5or8oQ62t7e1vssk5OTsrm5aT15iYKCgj3VJiFIsYsAOq9z3Nvbk+XlZRkbGxPun0xMTMj09LQEAurqJdjQc0S7VarAskkikQhxPSIM3+OBramfRCQSkfHxcVlZWREqUSOQ+vp66erqktbWVmtVGvdpnVs6yHBM+V6HawS5bJmyIhwOy/DwsMRiMamtrTUJGhsbpby83CwSBRFpN4qhfiR7n3AX/1JzBuH8/PwHLPiWl96xTDZoGkdGRoQ2JoODg9LZ2alFZz01ibSp/4loEc4j33V3d6eP6vgMTRQVFT2C7AmLTm0CwWBQVldXpa6uLk3Gem3sv6DvUP6fOZ1ON8fjJr13XiVTZBBq19dGzFB7ow04lNnZWfPMNI3HZMg9bIPIF5DcbWtr87a0tESt1zKQQagg39Oo+NEsE9FoVPx+v7B788ws+NnkvaWlJV9PT88zMqRndypshGtra7+zY02r7UU+1EK1Ce1QysrKTBsEPxHZ+ujoaE692Eao3zOcaJQ2Qr0C/HKYpc8aNcXQgd7e3qzpywYboYLgvkfZPqT9/f0yNDQkzc3N5px1Wo3B89L4KrISUn1BnP1sTdOoqamRvr6+42ugKdTS13+dnJGVkB2rM/3lOLWZQ6T3zcOF3j6y5IashArO6iHqGxyflq6l/f39B9Y4Z5zZMxcXF9+G+HMi1o9oqdrg19+F+8xvEJ39s3AOziTEucFFf6u4uLia5n5FPzEghDzlLPXXMOdiyRtKrmJNXxMi/wOL8/ftFAXKUwAAAABJRU5ErkJggg==),auto}a{color:#454560;text-decoration:underline}a:hover{color:#7c7c7a;cursor:pointer}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{line-height:1.1}button{border-radius:5px;border:.25px solid transparent;padding:.6em 1.2em;font-size:1em;font-family:inherit;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAABOsAAATrAdgqWw0AAAQBSURBVEhLrZZNSFxXFMfPm9ERGyOKuLMVNw0K7UIkVOP3By4KgivpsquhgpsW3TRduAhB0IWkIaSQXQupi5JSs1AcVCwDLVM7mTFOa2q1ZYYSaRjFTDOOOtPfeT4nGd+oM4l/OJx7z7vv/O8599zzniEnMDU15ayqqnLt7u46KioqEg0NDfvWowtBmtDn8xXu7OzUORyOq8lk8ophGC7MmwcHB48LCwvXt7a2IgMDAy+OVr8+TEIlI6IPU6nUpxBdxVSkduZJ5v+gV9EhTL8yDpaWloaI/D9dky9Mwrm5ufeJ7BZOrzF1qu0kIDpAPUOeImGy4EU8JSUlj5qamnKO3NAzq6ys/Jjxl4gZ2XmAPIV6jkTZ5BOI5w4PDx9ubGz85na7zzxzw+v1Fsfj8VFeHLZseQHuJCqBxMnSH0qMftDe3h7Apz7LgDEzM3OJorjJwyHL9ibQ4FP40ih9yG3kh46ODs2GCbP0WfO3tdM3BVyGA61Hcw2fXxPxVx6Pp1r3oQsces9IwQpjLYYLhZKDj9DXFxYWLqlNd6MP1lGPdXzRwLfmeYDCqtapSehyucKoEA8OdX7RIMrL+H4XOYqQexRn4mc3/5or8oQ62t7e1vssk5OTsrm5aT15iYKCgj3VJiFIsYsAOq9z3Nvbk+XlZRkbGxPun0xMTMj09LQEAurqJdjQc0S7VarAskkikQhxPSIM3+OBramfRCQSkfHxcVlZWREqUSOQ+vp66erqktbWVmtVGvdpnVs6yHBM+V6HawS5bJmyIhwOy/DwsMRiMamtrTUJGhsbpby83CwSBRFpN4qhfiR7n3AX/1JzBuH8/PwHLPiWl96xTDZoGkdGRoQ2JoODg9LZ2alFZz01ibSp/4loEc4j33V3d6eP6vgMTRQVFT2C7AmLTm0CwWBQVldXpa6uLk3Gem3sv6DvUP6fOZ1ON8fjJr13XiVTZBBq19dGzFB7ow04lNnZWfPMNI3HZMg9bIPIF5DcbWtr87a0tESt1zKQQagg39Oo+NEsE9FoVPx+v7B788ws+NnkvaWlJV9PT88zMqRndypshGtra7+zY02r7UU+1EK1Ce1QysrKTBsEPxHZ+ujoaE692Eao3zOcaJQ2Qr0C/HKYpc8aNcXQgd7e3qzpywYboYLgvkfZPqT9/f0yNDQkzc3N5px1Wo3B89L4KrISUn1BnP1sTdOoqamRvr6+42ugKdTS13+dnJGVkB2rM/3lOLWZQ6T3zcOF3j6y5IashArO6iHqGxyflq6l/f39B9Y4Z5zZMxcXF9+G+HMi1o9oqdrg19+F+8xvEJ39s3AOziTEucFFf6u4uLia5n5FPzEghDzlLPXXMOdiyRtKrmJNXxMi/wOL8/ftFAXKUwAAAABJRU5ErkJggg==),auto;color:#5c5c5b;background-color:#f2f3ef;transition:background-color .45s ease-in-out,padding .45s ease-in-out}button:hover{background-color:#e0e1dd;padding:.8em 1.4em}button:focus,button:focus-visible{background-color:#e0e1dd}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0 auto;padding:2rem;text-align:center;background-color:#f2f3ef}.App{text-align:center;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAABOsAAATrAdgqWw0AAAQBSURBVEhLrZZNSFxXFMfPm9ERGyOKuLMVNw0K7UIkVOP3By4KgivpsquhgpsW3TRduAhB0IWkIaSQXQupi5JSs1AcVCwDLVM7mTFOa2q1ZYYSaRjFTDOOOtPfeT4nGd+oM4l/OJx7z7vv/O8599zzniEnMDU15ayqqnLt7u46KioqEg0NDfvWowtBmtDn8xXu7OzUORyOq8lk8ophGC7MmwcHB48LCwvXt7a2IgMDAy+OVr8+TEIlI6IPU6nUpxBdxVSkduZJ5v+gV9EhTL8yDpaWloaI/D9dky9Mwrm5ufeJ7BZOrzF1qu0kIDpAPUOeImGy4EU8JSUlj5qamnKO3NAzq6ys/Jjxl4gZ2XmAPIV6jkTZ5BOI5w4PDx9ubGz85na7zzxzw+v1Fsfj8VFeHLZseQHuJCqBxMnSH0qMftDe3h7Apz7LgDEzM3OJorjJwyHL9ibQ4FP40ih9yG3kh46ODs2GCbP0WfO3tdM3BVyGA61Hcw2fXxPxVx6Pp1r3oQsces9IwQpjLYYLhZKDj9DXFxYWLqlNd6MP1lGPdXzRwLfmeYDCqtapSehyucKoEA8OdX7RIMrL+H4XOYqQexRn4mc3/5or8oQ62t7e1vssk5OTsrm5aT15iYKCgj3VJiFIsYsAOq9z3Nvbk+XlZRkbGxPun0xMTMj09LQEAurqJdjQc0S7VarAskkikQhxPSIM3+OBramfRCQSkfHxcVlZWREqUSOQ+vp66erqktbWVmtVGvdpnVs6yHBM+V6HawS5bJmyIhwOy/DwsMRiMamtrTUJGhsbpby83CwSBRFpN4qhfiR7n3AX/1JzBuH8/PwHLPiWl96xTDZoGkdGRoQ2JoODg9LZ2alFZz01ibSp/4loEc4j33V3d6eP6vgMTRQVFT2C7AmLTm0CwWBQVldXpa6uLk3Gem3sv6DvUP6fOZ1ON8fjJr13XiVTZBBq19dGzFB7ow04lNnZWfPMNI3HZMg9bIPIF5DcbWtr87a0tESt1zKQQagg39Oo+NEsE9FoVPx+v7B788ws+NnkvaWlJV9PT88zMqRndypshGtra7+zY02r7UU+1EK1Ce1QysrKTBsEPxHZ+ujoaE692Eao3zOcaJQ2Qr0C/HKYpc8aNcXQgd7e3qzpywYboYLgvkfZPqT9/f0yNDQkzc3N5px1Wo3B89L4KrISUn1BnP1sTdOoqamRvr6+42ugKdTS13+dnJGVkB2rM/3lOLWZQ6T3zcOF3j6y5IashArO6iHqGxyflq6l/f39B9Y4Z5zZMxcXF9+G+HMi1o9oqdrg19+F+8xvEJ39s3AOziTEucFFf6u4uLia5n5FPzEghDzlLPXXMOdiyRtKrmJNXxMi/wOL8/ftFAXKUwAAAABJRU5ErkJggg==),auto}@font-face{font-family:CoreHumanistSans;src:url(/assets/CoreHumanistSans-Bh-XvUau.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:HelveticaNeue-ThinItalic;src:url(HelveticaNeue-ThinItalic.otf) format("truetype");font-weight:400;font-style:normal}.Home{margin-left:5%;margin-right:5%}a{font-style:italic}::selection{background:#a0a3a1;color:#fff}.NavBar{position:sticky;opacity:1;z-index:1000;background:#f4f5f1;border-radius:25px;box-shadow:0 2px 4px #0000001a;transition:opacity .45s ease-in-out,visibility 0s linear 0s}.brandimage{border-radius:10px;box-shadow:none}.MenuBar{list-style-type:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:50px;padding:10px;font-style:bold;font-size:20px;font-family:CoreHumanistSans}@media(max-width:768px){.MenuBar{transition:.45s;flex-direction:column;align-items:center;padding-left:0;gap:20px}.NavBar{position:relative;opacity:1;width:50;top:0;z-index:1000;background:#f4f5f1;border-radius:25px;box-shadow:0 2px 4px #0000001a;transition:width .45s ease-in-out,opacity .45s ease-in-out,visibility 0s linear 0s}}.Copyright{font-size:18px;color:#a0a3a1}.ProjectCards{display:flex;flex-direction:column;padding:0;gap:10px;margin:10px auto;width:80%;height:100%;justify-content:center;align-items:center}.Cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.Card-item{transition:background-color .45s ease-in-out,padding .45s ease-in-out}.Description{padding-left:10px}.Card-item:hover{background-color:#f2f3ef;padding:10px}.Cards{transition:.45s;flex-direction:row;align-items:center;background-color:#e1e1e1;padding:10px}@media(max-width:768px){.Cards{transition:.45s;flex-direction:column;align-items:center}}.illustrations-container{padding:1.5rem 1rem;background-color:#f2f3ef;min-height:100vh}.illustrations-layout{display:grid;grid-template-columns:240px 1fr;gap:1.5rem;max-width:1200px;margin:0 auto;align-items:start}.illustrations-grid-pane{background:transparent;overflow-y:auto;max-height:calc(100vh - 160px);padding-right:.25rem}.illustrations-grid-pane h2{display:none}.illustrations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.illustration-thumbnail{cursor:pointer;border-radius:0;overflow:hidden;border:2px solid transparent;background-color:#e0e0dc;transition:border-color .15s;aspect-ratio:1;position:relative}.illustration-thumbnail:after{content:"";position:absolute;inset:0;background:#ffffff59;opacity:0;transition:opacity .2s}.illustration-thumbnail:hover:after{opacity:1}.illustration-thumbnail:before{content:attr(data-name);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1e1e1ee0;color:#fff;font-size:.75rem;padding:4px 8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10;margin-bottom:4px}.illustration-thumbnail:hover:before{opacity:1}.thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.illustrations-detail-pane{position:sticky;top:1.5rem}.illustration-detail{width:100%}.illustration-large{background:transparent;border-radius:4px;display:flex;align-items:flex-start;justify-content:center;padding:0}.illustration-large-image{width:100%;height:auto;max-height:calc(100vh - 180px);object-fit:contain;border-radius:4px;display:block}.no-selection{display:flex;align-items:center;justify-content:center;height:400px;color:#999;font-size:1rem;font-style:italic}.illustrations-grid-pane::-webkit-scrollbar{width:4px}.illustrations-grid-pane::-webkit-scrollbar-track{background:transparent}.illustrations-grid-pane::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}@media(max-width:768px){.illustrations-layout{grid-template-columns:1fr;gap:1rem}.illustrations-grid-pane{max-height:none;padding-right:0}.illustrations-grid{grid-template-columns:repeat(4,1fr);gap:4px}.illustrations-detail-pane{position:static}.illustration-large-image{max-height:60vw}}@media(max-width:480px){.illustrations-container{padding:.75rem .5rem}.illustrations-grid{grid-template-columns:repeat(3,1fr)}}.blog{display:flex;flex-direction:column;padding:0;margin:0 auto;width:80%;height:100%;justify-content:center;align-items:center}hr{color:#000}.BlogItem{display:flex;flex-direction:row;top:0}h2{color:var(--heading)}.Imageitem{height:180px;width:320px;padding:30px}.Images{padding:40px 10px 0}.Heads{padding:10px;text-align:end}video{width:100%;height:100%}.DescText{text-align:start;width:300px;padding-top:-20px;padding-left:10px}@media(max-width:768px){.Imageitem{height:170px;width:auto}.BlogItem{transition:.45s;flex-direction:column;align-items:center}.Heads{padding-left:5%;text-align:start}}:root{--bg: #F2F3EF;--surface: #ffffff;--surface2: #fafafa;--border: rgba(0,0,0,.1);--text: #7C7C7A;--muted: #7C7C7A;--heading: #000000;--accent: #0f0f0e;--accent2: #454560;--danger: #c87a7a;--radius: 10px;--font-display: "corehumanistsans";--font-body: "corehumanistsans";--font-mono: "corehumanistsans"}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-h1,.markdown-h2,.markdown-h3,.markdown-h4{color:var(--heading)!important;font-family:var(--font-display)}.markdown- .blogs-page{max-width:900px;margin:0 auto;padding:3rem 1.5rem 6rem;font-family:var(--font-body);color:var(--text);background-color:var(--bg);min-height:100vh}.blogs-header{margin-bottom:3rem}.blogs-title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4rem);font-weight:700;letter-spacing:-.02em;margin:0 0 .4rem;color:var(--heading)}.blogs-subtitle{color:var(--muted);font-size:1rem;margin:0 0 1.8rem;font-weight:300}.blog-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem}.blog-filter-btn{background:var(--surface2);border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);font-size:.78rem;padding:.3rem .8rem;border-radius:100px;cursor:pointer;transition:all .2s;text-transform:lowercase}.blog-filter-btn:hover,.blog-filter-btn.active{background:var(--heading);color:#fff;border-color:var(--heading)}.blogs-grid{display:flex;flex-direction:column;gap:1.5rem}.blogs-empty{color:var(--muted);font-style:italic;padding:2rem 0}.blog-card-link{text-decoration:none;color:inherit;display:block}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:row;transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer;box-shadow:0 2px 8px #00000014}.blog-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 32px #0006}.blog-card-accent-bar{width:5px;min-height:100%;background:var(--card-accent, #1a1a2e);flex-shrink:0;transition:width .2s}.blog-card:hover .blog-card-accent-bar{width:7px}.blog-card-body{padding:1.5rem 1.75rem;flex:1}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.blog-tag{font-family:var(--font-mono);font-size:.72rem;color:var(--heading);background:#45456014;padding:.15rem .5rem;border-radius:4px}.blog-card-title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;margin:0 0 .3rem;line-height:1.3;color:var(--heading)}.blog-card-headline{font-size:.88rem;color:var(--muted);margin:0 0 .75rem;font-style:italic}.blog-card-desc{font-size:.92rem;color:var(--text);line-height:1.65;margin:0 0 1.25rem}.blog-card-footer{display:flex;justify-content:space-between;align-items:center}.blog-card-date{font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.blog-read-more{font-size:.85rem;color:var(--heading);font-weight:500;letter-spacing:.03em;transition:letter-spacing .2s}.blog-card:hover .blog-read-more{letter-spacing:.08em}.blogpost-page{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem 6rem;font-family:var(--font-body);color:var(--text);background-color:var(--bg);min-height:100vh}.blogpost-notfound{text-align:center;padding:6rem 2rem;font-family:var(--font-body);color:var(--text)}.blogpost-back{display:inline-block;font-family:var(--font-mono);font-size:.82rem;color:var(--heading);text-decoration:none;margin-bottom:2.5rem;transition:color .15s}.blogpost-back:hover{color:var(--muted)}.blogpost-article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.blogpost-header{padding:2.5rem 2.5rem 2rem;border-bottom:1px solid var(--border);position:relative;text-align:left}.blogpost-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--post-accent, #1a1a2e)}.blogpost-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;justify-content:flex-start}.blogpost-title{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.25;margin:0 0 .6rem;color:var(--heading)}.blogpost-headline{font-size:1rem;color:var(--muted);font-style:italic;margin:0 0 1rem}.blogpost-date{font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.blogpost-body{padding:2rem 2.5rem;font-size:1.02rem;line-height:1.85;color:var(--text);text-align:left}.blogpost-body p{margin:0 0 1.5rem}.blogpost-body p:last-child{margin-bottom:0}.blogpost-images{margin:2rem 0;display:flex;flex-direction:column;gap:1.5rem}.blogpost-image{width:100%;max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 4px 12px #0000001a;display:block;object-fit:cover;transition:box-shadow .2s,transform .2s}.blogpost-image:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.markdown-content{display:flex;flex-direction:column;gap:1rem;text-align:left}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin:2rem 0 1rem;color:var(--heading);font-family:var(--font-display)}.markdown-h1{font-size:2rem;font-weight:700;line-height:1.2}.markdown-h2{font-size:1.6rem;font-weight:700;line-height:1.3;border-bottom:2px solid var(--border);padding-bottom:.5rem}.markdown-h3{font-size:1.3rem;font-weight:600;line-height:1.4}.markdown-h4{font-size:1.1rem;font-weight:600;color:var(--muted)}.markdown-content p{margin:1rem 0;line-height:1.8;color:var(--text);text-align:left}.markdown-content strong{font-weight:700;color:var(--heading);text-align:left}.markdown-content em{font-style:italic;color:var(--muted);text-align:left}.markdown-content code,.inline-code{background:#f5f5f5;border-radius:4px;padding:2px 6px;font-family:var(--font-mono);font-size:.9em;color:#d73a49}.code-block{background:#2d2d2d;border-radius:8px;padding:1.2rem;overflow-x:auto;margin:1.5rem 0;border:1px solid #444}.code-block code{color:#e8e8e8;font-family:var(--font-mono);font-size:.95rem;background:none;padding:0;line-height:1.6}.markdown-link{color:#667eea;text-decoration:underline;transition:color .2s}.markdown-link:hover{color:#764ba2;text-decoration:none}.markdown-blockquote{border-left:4px solid #667eea;padding-left:1rem;margin:1.5rem 0;color:var(--muted);font-style:italic;background:#f9f9f9;padding:1rem;border-radius:4px;text-align:left}.markdown-list{margin:1rem 0;padding-left:2rem;text-align:left}.markdown-list li{margin:.5rem 0;line-height:1.8;text-align:left}.markdown-list.ordered{list-style:decimal}.markdown-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;text-align:left}.markdown-table thead{background:#f5f5f5;border-bottom:2px solid var(--border)}.markdown-table th,.markdown-table td{padding:.8rem;text-align:left!important;border-bottom:1px solid var(--border)}.markdown-table tr:hover{background:#f9f9f9}.markdown-image{width:100%;max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);margin:1.5rem 0;box-shadow:0 4px 12px #0000001a;display:block;object-fit:cover;transition:box-shadow .2s,transform .2s}.markdown-image:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.markdown-content hr{border:none;border-top:2px solid var(--border);margin:2rem 0}.admin-login{display:flex;align-items:center;justify-content:center;min-height:70vh;font-family:var(--font-body)}.admin-login-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem 2rem;width:100%;max-width:360px;text-align:center;color:var(--text)}.admin-login-box h2{font-family:var(--font-display);margin:0 0 .5rem}.admin-login-box p{color:var(--muted);font-size:.9rem;margin-bottom:1.5rem}.admin-error{color:var(--danger)!important;font-size:.85rem;margin:.5rem 0!important}.admin-panel{max-width:860px;margin:0 auto;padding:2.5rem 1.5rem 6rem;font-family:var(--font-body);color:var(--text);position:relative}.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-heading{font-family:var(--font-display);font-size:2rem;margin:0}.admin-section-title{font-family:var(--font-display);font-size:1.3rem;margin:0 0 1.5rem;color:var(--accent)}.admin-input,.admin-textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--font-body);font-size:.95rem;padding:.65rem .9rem;margin-bottom:1.1rem;box-sizing:border-box;outline:none;transition:border-color .15s}.admin-input:focus,.admin-textarea:focus{border-color:var(--accent)}.admin-textarea{resize:vertical;line-height:1.6;font-family:var(--font-mono);font-size:.88rem}.admin-label{display:block;font-size:.8rem;font-family:var(--font-mono);color:var(--muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.06em}.admin-editor-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.admin-btn{border:none;border-radius:6px;cursor:pointer;font-family:var(--font-body);font-size:.9rem;font-weight:500;padding:.6rem 1.3rem;transition:opacity .15s,transform .12s}.admin-btn:hover{opacity:.88;transform:translateY(-1px)}.admin-btn:active{transform:translateY(0)}.admin-btn.primary{background:var(--accent);color:#0c0c0e}.admin-btn.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.admin-btn.danger{background:var(--danger);color:#0c0c0e}.admin-btn.small{padding:.35rem .75rem;font-size:.8rem}.admin-list{display:flex;flex-direction:column;gap:1rem}.admin-empty{color:var(--muted);font-style:italic}.admin-list-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;gap:1rem;padding-right:1rem;overflow:hidden;transition:border-color .15s}.admin-list-item:hover{border-color:#ffffff26}.admin-list-accent{width:5px;align-self:stretch;flex-shrink:0}.admin-list-info{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.35rem}.admin-list-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text)}.admin-list-date{font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.admin-list-tags{display:flex;flex-wrap:wrap;gap:.3rem}.admin-list-actions{display:flex;gap:.5rem;flex-shrink:0}.admin-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--accent);color:#0c0c0e;padding:.6rem 1.5rem;border-radius:100px;font-size:.88rem;font-weight:500;z-index:9999;animation:toastIn .25s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:600px){.blog-card{flex-direction:column}.blog-card-accent-bar{width:100%;height:5px;min-height:unset}.blogpost-header,.blogpost-body{padding:1.5rem}.admin-list-item{flex-wrap:wrap}.admin-list-actions{padding-bottom:.75rem}}.comment-section{margin-top:4rem;padding:2.5rem;background-color:#f5f5f3;border-radius:12px;max-width:100%}.comments-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:3px solid #E0E1DD}.comments-header h3{margin:0;font-size:1.8rem;color:#7c7c7a;font-weight:700;letter-spacing:-.5px}.auth-section{margin-bottom:2.5rem;padding:1.5rem;background-color:#f2f3ef;border-radius:8px;border-left:5px solid #E0E1DD}.user-profile{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid #E0E1DD;flex-shrink:0}.user-avatar-wrapper{width:52px;height:52px;border-radius:50%;background-color:#ddd;display:flex;align-items:center;justify-content:center;overflow:hidden}.user-details{display:flex;flex-direction:column}.user-name{margin:0;font-weight:700;color:#7c7c7a;font-size:1rem}.user-email{margin:2px 0 0;font-size:.85rem;color:#999}.btn-google-signin,.btn-logout,.btn-submit-comment,.btn-delete{border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;padding:.75rem 1.5rem}.btn-google-signin{display:flex;align-items:center;gap:.75rem;background-color:#f2f3ef;color:#7c7c7a;border:2px solid #E0E1DD;width:100%;justify-content:center;font-size:1rem;padding:1rem}.btn-google-signin:hover{background-color:#e0e1dd;color:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.google-icon{width:20px;height:20px}.btn-logout{background-color:#e0e1dd;color:#7c7c7a;padding:.7rem 1.4rem;font-size:.9rem;border:2px solid transparent}.btn-logout:hover{background-color:#ccc;transform:translateY(-2px)}.comment-form{margin-bottom:3rem;padding:2rem;background-color:#f2f3ef;border-radius:8px;border:2px solid #E0E1DD}.comment-input{width:100%;padding:1.2rem;border:2px solid #E0E1DD;border-radius:6px;font-family:inherit;font-size:1rem;color:#333;background-color:#fff;resize:vertical;min-height:140px;max-height:300px;box-sizing:border-box;transition:all .3s ease}.comment-input::placeholder{color:#bbb}.comment-input:focus{outline:none;border-color:#7c7c7a;box-shadow:0 0 12px #7c7c7a26;background-color:#fafaf8}.comment-input:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.7}.comment-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #E0E1DD}.char-count{font-size:.85rem;color:#999;font-weight:500}.btn-submit-comment{background-color:#7c7c7a;color:#fff;padding:.85rem 2.2rem;font-size:.95rem;white-space:nowrap}.btn-submit-comment:hover:not(:disabled){background-color:#5a5a58;transform:translateY(-2px);box-shadow:0 6px 16px #7c7c7a40}.btn-submit-comment:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.comments-list{display:flex;flex-direction:column;gap:1.8rem}.loading-text,.no-comments{text-align:center;color:#999;font-size:1rem;padding:3rem 1rem;font-style:italic}.comment-item{padding:1.8rem;background-color:#fff;border-radius:8px;border-left:5px solid #E0E1DD;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.comment-item:hover{box-shadow:0 6px 16px #7c7c7a1f;transform:translate(2px)}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem;gap:1rem}.comment-author{display:flex;align-items:center;gap:1rem;flex:1}.comment-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #E0E1DD;flex-shrink:0}.comment-avatar-wrapper{width:44px;height:44px;border-radius:50%;background-color:#ddd;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.comment-name{margin:0;font-weight:700;color:#7c7c7a;font-size:.98rem}.comment-date{margin:.35rem 0 0;font-size:.8rem;color:#aaa}.btn-delete{background-color:#f5f5f5;color:#ddd;padding:.4rem .8rem;font-size:1.2rem;line-height:1;min-width:auto;flex-shrink:0;border:1px solid #eee}.btn-delete:hover{background-color:#ffebee;color:#d32f2f;border-color:#ffcdd2;transform:none}.comment-actions{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.btn-like,.btn-reply,.btn-like-reply{background:none;border:none;color:#999;font-size:.9rem;cursor:pointer;padding:.4rem .8rem;border-radius:4px;transition:all .3s ease;font-weight:500}.btn-like:hover,.btn-reply:hover,.btn-like-reply:hover{background-color:#f5f5f5;color:#7c7c7a}.reply-form{margin-top:1rem;padding:1rem;background-color:#f9f9f9;border-radius:6px;border-left:4px solid #E0E1DD}.reply-input{width:100%;padding:.9rem;border:1px solid #E0E1DD;border-radius:4px;font-family:inherit;font-size:.9rem;color:#333;background-color:#fff;resize:vertical;min-height:80px;box-sizing:border-box;transition:all .3s ease}.reply-input:focus{outline:none;border-color:#7c7c7a;box-shadow:0 0 8px #7c7c7a1a}.reply-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.8rem;padding-top:.8rem;border-top:1px solid #E0E1DD;gap:1rem}.reply-buttons{display:flex;gap:.8rem}.btn-cancel,.btn-submit-reply{border:none;border-radius:4px;font-weight:600;cursor:pointer;padding:.6rem 1.2rem;font-size:.85rem;transition:all .3s ease}.btn-cancel{background-color:#f0f0f0;color:#666;border:1px solid #ddd}.btn-cancel:hover{background-color:#e0e0e0}.btn-submit-reply{background-color:#7c7c7a;color:#fff}.btn-submit-reply:hover:not(:disabled){background-color:#5a5a58;box-shadow:0 4px 12px #7c7c7a33}.btn-submit-reply:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.replies-list{margin-top:1.5rem;padding:1rem;background-color:#f9f9f9;border-radius:6px}.reply-item{padding:1rem;background-color:#fff;border-radius:6px;border-left:3px solid #E0E1DD;margin-bottom:.8rem}.reply-item:last-child{margin-bottom:0}.reply-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem;gap:.8rem}.reply-author{display:flex;align-items:center;gap:.8rem;flex:1}.reply-avatar-wrapper{width:32px;height:32px;border-radius:50%;background-color:#ddd;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.reply-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #E0E1DD;flex-shrink:0}.reply-name{margin:0;font-weight:600;color:#7c7c7a;font-size:.9rem}.reply-date{margin:.2rem 0 0;font-size:.75rem;color:#aaa}.btn-delete-reply{background-color:#f5f5f5;color:#ddd;padding:.3rem .6rem;font-size:1rem;line-height:1;border:1px solid #eee;border-radius:4px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.btn-delete-reply:hover{background-color:#ffebee;color:#d32f2f;border-color:#ffcdd2}.reply-text{margin:0;color:#444;font-size:.9rem;line-height:1.6;text-align:left}.reply-actions{display:flex;gap:.8rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid #f5f5f5}.comment-text{margin:0;color:#444;font-size:.98rem;line-height:1.8;word-wrap:break-word;white-space:pre-wrap;text-align:left}@media(max-width:768px){.comment-section{padding:1.5rem 1rem;margin-top:3rem}.comments-header{flex-direction:column;align-items:flex-start;gap:1rem}.comments-header h3{font-size:1.5rem}.user-profile{flex-direction:column;align-items:stretch}.btn-logout{align-self:flex-start}.comment-form{padding:1.5rem}.comment-footer{flex-direction:column;gap:1rem;align-items:stretch}.btn-submit-comment{width:100%}.char-count{order:-1;margin-bottom:.5rem}.comment-header{flex-direction:column}.btn-delete{align-self:flex-end;margin-top:-.5rem}.comment-item{padding:1.5rem 1rem}}.markdown-content{color:#e2e8f0;font-family:corehumanistsans;font-size:1.05rem;line-height:1.85;word-break:break-word}.markdown-content h1,.markdown-h1{font-size:2rem;font-weight:700;margin:2rem 0 1rem;color:#f1f5f9;border-bottom:2px solid rgba(255,255,255,.08);padding-bottom:.4rem;line-height:1.25}.markdown-content h2,.markdown-h2{font-size:1.5rem;font-weight:700;margin:1.75rem 0 .85rem;color:#f1f5f9;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.3rem}.markdown-content h3,.markdown-h3{font-size:1.2rem;font-weight:600;margin:1.5rem 0 .65rem;color:#e2e8f0}.markdown-content h4,.markdown-h4{font-size:1.05rem;font-weight:600;margin:1.25rem 0 .5rem;color:#cbd5e1}.markdown-content p{margin:0 0 1.25rem}.markdown-content a,.markdown-link{color:#7dd3fc;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.markdown-content a:hover,.markdown-link:hover{color:#bae6fd}.markdown-content code,.inline-code{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.15em .4em;font-family:corehumanistsans;font-size:.88em;color:#fca5a5;white-space:nowrap}.markdown-content pre,.code-block{background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1.25rem 1.5rem;margin:1.5rem 0;overflow-x:auto;line-height:1.65}.markdown-content pre code,.code-block code{background:transparent;border:none;padding:0;font-family:corehumanistsans;font-size:.9rem;color:#a5f3fc;white-space:pre}.markdown-content blockquote,.markdown-blockquote{border-left:3px solid #7dd3fc;margin:1.5rem 0;padding:.75rem 1.25rem;background:#7dd3fc0d;border-radius:0 6px 6px 0;color:#94a3b8;font-style:italic}.markdown-content blockquote p,.markdown-blockquote p{margin:0}.markdown-content ul,.markdown-content ol,.markdown-list{padding-left:1.5rem;margin:.75rem 0 1.25rem}.markdown-content ul,.markdown-list:not(.ordered){list-style:none;padding-left:1.25rem}.markdown-content ul li:before,.markdown-list:not(.ordered) li:before{content:"›";color:#7dd3fc;font-weight:700;display:inline-block;width:1rem;margin-left:-1rem}.markdown-content ol,.markdown-list.ordered{list-style:decimal;padding-left:1.75rem}.markdown-content ol li::marker{color:#7dd3fc}.markdown-content li{margin-bottom:.4rem}.markdown-content li>ul,.markdown-content li>ol{margin-top:.3rem;margin-bottom:0}.markdown-content table,.markdown-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;overflow-x:auto;display:block}.markdown-content thead{background:#7dd3fc1a}.markdown-content th{padding:.65rem 1rem;text-align:left;font-weight:600;color:#e2e8f0;border-bottom:2px solid rgba(125,211,252,.3);white-space:nowrap}.markdown-content td{padding:.6rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);color:#cbd5e1}.markdown-content tr:hover td{background:#ffffff05}.markdown-content img,.markdown-image{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;display:block;border:1px solid rgba(255,255,255,.07)}.markdown-content hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:2rem 0}.markdown-content strong{color:#f1f5f9;font-weight:700}.markdown-content em{color:#94a3b8;font-style:italic}.code-block::-webkit-scrollbar,.markdown-content pre::-webkit-scrollbar{height:5px}.code-block::-webkit-scrollbar-track,.markdown-content pre::-webkit-scrollbar-track{background:transparent}.code-block::-webkit-scrollbar-thumb,.markdown-content pre::-webkit-scrollbar-thumb{background:#7dd3fc4d;border-radius:999px}@media(prefers-color-scheme:light){.markdown-content{color:#1e293b}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-h1,.markdown-h2,.markdown-h3,.markdown-h4{color:#0f172a}.markdown-content code,.inline-code{background:#f1f5f9;border-color:#e2e8f0;color:#dc2626}.markdown-content pre,.code-block{background:#1e293b}.markdown-content a,.markdown-link{color:#0284c7}.markdown-content blockquote,.markdown-blockquote{background:#0284c70d;color:#475569}.markdown-content td{color:#334155}.markdown-content strong{color:#0f172a}}.Icons{display:flex;justify-content:center;flex-wrap:wrap;flex:auto;gap:20px}.Icons-img{height:32px;transition:.45s}.Icons-img:hover{height:45px;transition:.45s;cursor:pointer}.Dialogbox{background-color:#e0e1dd;display:flex;flex-direction:row;align-items:center;height:20px;width:50%;margin-left:25%;margin-top:20px;justify-content:center}.Email,.Github{display:none}.EmailText.Email{display:block}.EmailText.notisEmail{display:none}.GithubText.Github{display:block}.GithubText.notisGithub{display:none}@media(max-width:768px){.Dialogbox{background-color:#e0e1dd;display:flex;flex-direction:row;align-items:center;height:20px;width:100%;margin-left:0%;margin-top:20px;justify-content:center}}.admin-login{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:2rem;background:#f5f5f5}.admin-login-box{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:3rem 2.5rem;width:100%;max-width:440px;box-shadow:0 4px 24px #00000014;text-align:center}.admin-login-icon{font-size:3rem;margin-bottom:1rem;line-height:1}.admin-login-box h2{margin:0 0 .4rem;font-size:1.75rem;font-weight:700;color:#454560;letter-spacing:-.3px}.admin-login-box p{margin:0 0 2rem;color:#7c7c7a;font-size:.95rem}.admin-login-form{display:flex;flex-direction:column;gap:1.1rem;text-align:left}.admin-login-field{display:flex;flex-direction:column;gap:.4rem}.admin-login-field label{font-size:.85rem;font-weight:600;color:#454560}.admin-login-field input{width:100%;padding:.75rem 1rem;border:1px solid #DCDCDC;border-radius:8px;font-size:.95rem;color:#454560;background:#fafafa;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.admin-login-field input:focus{outline:none;border-color:#a3a3a359;background:#fff;box-shadow:0 0 0 3px #667eea1f}.admin-login-field input::placeholder{color:#bbb}.admin-error{background:#ffebee;color:#c62828;border-left:3px solid #F44336;padding:.65rem .9rem;border-radius:6px;font-size:.85rem;margin:0}.admin-login-btn{width:100%;padding:.85rem;background:#e0e1dd;color:#5c5c5c;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s;margin-top:.5rem;letter-spacing:.01em}.admin-login-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);background-color:#e0e1dd;box-shadow:0 6px 20px #a3a3a359}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed}.admin-panel{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem;background:#f5f5f5;min-height:100vh}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border:1px solid #EBEBEB;border-radius:12px;box-shadow:0 2px 8px #0000000f}.admin-header h1{margin:0;font-size:1.5rem;font-weight:700;color:#454560}.admin-header-right{display:flex;align-items:center;gap:1.5rem}.user-email{font-size:.9rem;color:#7c7c7a}.logout-btn{padding:.6rem 1.2rem;background:#f44336;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.logout-btn:hover{opacity:.9;transform:translateY(-2px)}.admin-nav-modern{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:1rem;border:1px solid #EBEBEB;border-radius:12px;box-shadow:0 2px 8px #0000000f}.nav-tab-modern{flex:1;padding:1rem;background:#f9f9f9;color:#454560;border:2px solid #EBEBEB;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.nav-tab-modern:hover{border-color:#667eea;background:#fcfcfc}.nav-tab-modern.active{background:#667eea;color:#fff;border-color:#667eea}.tab-label{display:block}.admin-content-modern{background:#fff;border:1px solid #EBEBEB;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000f}.form-fieldset-modern{border:1px solid #EBEBEB;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;background:#f9f9f9}.form-fieldset-modern:last-child{margin-bottom:0}.form-fieldset-modern legend{font-size:1rem;font-weight:700;color:#454560;padding:0 .5rem;margin-bottom:.5rem}.form-group-modern{margin-bottom:1.2rem}.form-group-modern:last-child{margin-bottom:0}.form-group-modern label{display:block;font-size:.85rem;font-weight:600;color:#454560;margin-bottom:.5rem}.form-group-modern input,.form-group-modern textarea{width:100%;padding:.8rem 1rem;border:1px solid #DCDCDC;border-radius:8px;font-size:.95rem;color:#454560;background:#fff;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group-modern input:focus,.form-group-modern textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group-modern input::placeholder,.form-group-modern textarea::placeholder{color:#bbb}.form-row-modern{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}@media(max-width:600px){.form-row-modern{grid-template-columns:1fr}}.content-textarea-modern{width:100%;padding:1rem;border:1px solid #DCDCDC;border-radius:8px;font-size:.95rem;color:#454560;background:#fff;font-family:Courier New,monospace;resize:vertical;min-height:250px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.content-textarea-modern:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.content-header-with-preview{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;gap:1rem}.content-header-with-preview label{margin:0}.preview-toggle-btn{padding:.6rem 1.2rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.preview-toggle-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.markdown-preview-panel{width:100%;min-height:250px;max-height:600px;overflow-y:auto;padding:1.5rem;border:1px solid #DCDCDC;border-radius:8px;background:#fcfcfc;box-sizing:border-box}.markdown-preview-panel .markdown-content{color:#454560;line-height:1.8}.field-help-modern{font-size:.85rem;color:#7c7c7a;margin:.5rem 0 0;font-style:italic}.image-embed-section-modern{display:flex;flex-direction:column;gap:1.5rem}.image-input-group-modern{display:flex;gap:.8rem}.image-url-input-modern{flex:1;padding:.8rem 1rem;border:1px solid #DCDCDC;border-radius:8px;font-size:.95rem;color:#454560;background:#fff;transition:border-color .2s;box-sizing:border-box}.image-url-input-modern:focus{outline:none;border-color:#667eea}.btn-add-image-modern{padding:.8rem 1.5rem;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-add-image-modern:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.images-preview-modern{display:flex;flex-direction:column;gap:1rem}.preview-label-modern{font-size:.9rem;font-weight:600;color:#454560;margin:0}.images-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.image-preview-item-modern{position:relative;width:100%;aspect-ratio:1;border:1px solid #DCDCDC;border-radius:8px;overflow:hidden;background:#fafafa}.image-preview-item-modern img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.image-preview-item-modern:hover img{opacity:.8}.btn-remove-image-modern{position:absolute;top:4px;right:4px;width:28px;height:28px;padding:0;background:#f44336;color:#fff;border:none;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.image-preview-item-modern:hover .btn-remove-image-modern{opacity:1}.btn-remove-image-modern:hover{background:#d32f2f;transform:scale(1.1)}.color-picker-wrapper-modern{display:flex;align-items:center;gap:.8rem}.color-picker-wrapper-modern input[type=color]{width:60px;height:40px;padding:2px;border:1px solid #DCDCDC;border-radius:8px;cursor:pointer}.color-value-modern{font-size:.9rem;font-family:Courier New,monospace;color:#454560;font-weight:600}.form-buttons-modern{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #EBEBEB}.btn-primary-modern{padding:.9rem 1.8rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary-modern:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 6px 16px #667eea4d}.btn-primary-modern:disabled{opacity:.6;cursor:not-allowed}.btn-secondary-modern{padding:.9rem 1.8rem;background:#f9f9f9;color:#454560;border:1px solid #DCDCDC;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary-modern:hover{background:#fcfcfc;border-color:#667eea;color:#667eea}@media(max-width:768px){.admin-panel{padding:1rem 1rem 3rem}.admin-content-modern{padding:1.5rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-header h1{font-size:1.3rem}.admin-header-right{flex-direction:column;width:100%;gap:.8rem}.logout-btn{width:100%}.admin-nav-modern{flex-direction:column}.nav-tab-modern{padding:.8rem;font-size:.9rem}.form-row-modern{grid-template-columns:1fr}.form-buttons-modern{flex-direction:column}.btn-primary-modern,.btn-secondary-modern{width:100%}.image-input-group-modern{flex-direction:column}.btn-add-image-modern{width:100%}.images-grid-modern{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.content-header-with-preview{flex-direction:column;align-items:flex-start}}