*{margin:0;padding:0;box-sizing:border-box}:root{--win98-gray: #c0c0c0;--win98-dark-gray: #808080;--win98-light-gray: #dfdfdf;--win98-blue: #000080;--win98-light-blue: #0080ff;--win98-desktop: #008080;--win98-white: #ffffff;--win98-black: #000000;--win98-highlight: #000080;--win98-titlebar: linear-gradient(to right, #000080, #1084d0);font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeSpeed;image-rendering:pixelated}body{margin:0;background:teal url(/windows98wallpaper.jpg) center center / cover no-repeat;color:var(--win98-black);min-height:100vh;line-height:1.4;font-size:11px;font-weight:400}#root{width:100%;min-height:100vh}a{color:var(--primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent)}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.75rem}button{cursor:pointer;font-family:inherit}.window{background:var(--win98-gray);border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);box-shadow:2px 2px 4px #0000004d}.window-titlebar{background:var(--win98-titlebar);padding:2px 4px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:700;font-size:11px;-webkit-user-select:none;user-select:none}.window-body{padding:8px;background:var(--win98-gray)}.titlebar-buttons{display:flex;gap:2px}.titlebar-button{width:16px;height:14px;padding:0;font-size:10px;line-height:1;min-width:unset;border:1px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);background:var(--win98-gray);color:var(--win98-black)}.titlebar-button:active{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray)}@media(max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}.minesweeper-container{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px}.minesweeper-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:4px;border:2px solid;border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);background:var(--win98-gray)}.mine-counter{background:#000;color:red;font-family:Courier New,monospace;font-size:16px;font-weight:700;padding:4px 8px;border:1px solid var(--win98-dark-gray);min-width:50px;text-align:center}.reset-button{font-size:24px;width:36px;height:36px;border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);background:var(--win98-gray);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.reset-button:active{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray)}.minesweeper-board{border:3px solid;border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);background:var(--win98-gray);padding:2px}.mine-row{display:flex}.mine-cell{width:24px;height:24px;border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);background:var(--win98-gray);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif}.mine-cell:active{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray)}.mine-cell.revealed{border:1px solid var(--win98-dark-gray);background:var(--win98-light-gray);cursor:default}.mine-cell.mine{background:red}.mine-cell.number-1{color:#00f}.mine-cell.number-2{color:green}.mine-cell.number-3{color:red}.mine-cell.number-4{color:#00008b}.mine-cell.number-5{color:#8b0000}.mine-cell.number-6{color:#0ff}.mine-cell.number-7{color:#000}.mine-cell.number-8{color:gray}.game-message{font-size:14px;font-weight:700;padding:8px;background:var(--win98-gray);border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);margin-top:8px}.paint-container{display:flex;flex-direction:column;height:100%;background-color:silver;font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none}.paint-menu-bar{display:flex;gap:12px;padding:2px 6px;background-color:silver;border-bottom:1px solid #808080;font-size:11px}.paint-menu-item{cursor:default}.paint-menu-item:hover{background-color:navy;color:#fff}.paint-workspace{display:flex;flex:1;overflow:hidden;position:relative;padding:2px}.paint-toolbar{width:50px;background-color:silver;display:flex;flex-wrap:wrap;align-content:flex-start;padding:2px;gap:2px;border-right:1px solid #808080;box-shadow:-1px -1px #fff}.tool-button{width:22px;height:22px;border:1px solid #fff;border-right-color:gray;border-bottom-color:gray;background-color:silver;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.tool-button:active,.tool-button.active{border:1px solid #808080;border-right-color:#fff;border-bottom-color:#fff;background-color:#e0e0e0}.tool-icon{pointer-events:none}.paint-canvas-area{flex:1;background-color:gray;overflow:auto;position:relative;padding:3px}.paint-canvas{background-color:#fff;cursor:crosshair;display:block;box-shadow:1px 1px #000}.paint-status-bar{height:20px;background-color:silver;border-top:1px solid #808080;display:flex;align-items:center;padding:0 4px;font-size:11px;gap:10px}.paint-color-palette{height:46px;background-color:silver;border-top:1px solid #808080;display:flex;align-items:center;padding:4px;gap:10px}.current-colors{width:30px;height:30px;position:relative;border:1px solid #808080;border-right-color:#fff;border-bottom-color:#fff;background:silver}.color-box{width:15px;height:15px;position:absolute;border:1px solid #808080}.background-color-box{right:3px;bottom:3px;z-index:1}.foreground-color-box{left:3px;top:3px;z-index:2}.palette-grid{display:flex;flex-wrap:wrap;width:260px;height:32px}.palette-color{width:13px;height:13px;border:1px solid #808080;border-right-color:#fff;border-bottom-color:#fff;margin-right:1px;margin-bottom:1px;cursor:pointer}.palette-color:hover{border:1px solid white;border-right-color:gray;border-bottom-color:gray}.hero{min-height:calc(100vh - 40px);padding:16px;position:relative;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.hero-content{display:grid;grid-template-columns:repeat(auto-fill,80px);gap:24px;margin-bottom:20px}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.desktop-icon:hover{background:#0000804d;outline:1px dotted white}.icon-image{font-size:32px;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.5))}.icon-label{color:#fff;font-size:11px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.8);word-wrap:break-word;max-width:70px;background:#0000004d;padding:2px 4px;border-radius:2px}.about-window{max-width:500px;margin:20px;z-index:10}.projects-window{max-width:700px;margin:20px;max-height:calc(100vh - 100px);overflow:hidden;display:flex;flex-direction:column;z-index:10}.projects-window .window-body{overflow-y:auto;max-height:400px}.articles-window{max-width:700px;margin:20px;max-height:calc(100vh - 100px);overflow:hidden;display:flex;flex-direction:column;z-index:10}.articles-window .window-body{overflow-y:auto;max-height:400px}.minesweeper-window{max-width:fit-content;margin:20px;z-index:10}.internet-window{width:800px;max-width:90vw;height:600px;max-height:80vh;margin:20px;z-index:10;display:flex;flex-direction:column}.ie-toolbar{background:var(--win98-gray);border-bottom:1px solid var(--win98-dark-gray);padding:2px}.ie-menu{display:flex;gap:8px;padding:2px 4px;font-size:11px;border-bottom:1px solid var(--win98-dark-gray);margin-bottom:2px}.ie-menu span{padding:2px 8px;cursor:pointer}.ie-menu span:hover{background:var(--win98-highlight);color:#fff}.ie-address-bar{display:flex;align-items:center;gap:4px;padding:4px}.address-label{font-size:11px;font-weight:700}.address-input{flex:1;display:flex;align-items:center;gap:4px;background:#fff;border:1px solid;border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);padding:2px 4px;font-size:11px}.address-input span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.go-button{padding:2px 12px;border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);background:var(--win98-gray);font-size:11px;cursor:pointer}.go-button:active{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray)}.ie-body{padding:0;flex:1;display:flex;overflow:hidden}.ie-iframe{width:100%;height:100%;border:none;background:#fff}.window-body h2{margin-bottom:12px;font-size:14px}.window-body p{margin:8px 0;font-size:11px;line-height:1.4}.window-body hr{border:none;border-top:1px solid var(--win98-dark-gray);border-bottom:1px solid var(--win98-white);margin:12px 0}.hero-social{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.social-link{border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);background:var(--win98-gray);padding:4px 8px;font-size:11px;color:var(--win98-black);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.social-link svg{width:14px;height:14px}.social-link:hover{background:var(--win98-light-gray);color:var(--win98-black)}.social-link:active{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);padding:5px 7px 3px 9px}@media(max-width:768px){.hero{padding:8px;min-height:calc(100vh - 36px)}.hero-content{grid-template-columns:repeat(auto-fill,60px);gap:12px}.icon-image{font-size:28px}.icon-label{font-size:10px;max-width:60px}.about-window,.projects-window,.articles-window{margin:8px;max-width:calc(100vw - 16px);max-height:calc(100vh - 80px)}.projects-window .window-body,.articles-window .window-body{max-height:calc(100vh - 160px)}.window-body h2{font-size:13px}.hero-social{gap:6px}.social-link{padding:3px 6px;font-size:10px}.social-link svg{width:12px;height:12px}}@media(max-width:480px){.hero{padding:4px}.hero-content{grid-template-columns:repeat(auto-fill,55px);gap:8px}.icon-image{font-size:24px}.icon-label{font-size:9px;max-width:55px}.about-window,.projects-window,.articles-window{margin:4px;max-width:calc(100vw - 8px)}.window-body h2{font-size:12px;margin-bottom:8px}.window-body p{font-size:10px}}.projects{padding:16px 16px 56px;background:var(--win98-desktop)}.projects .window{max-width:900px;margin:0 auto}.toolbar{background:var(--win98-gray);padding:2px 4px;border-bottom:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);display:flex;gap:0;margin:0}.toolbar span{border:none;background:transparent;padding:4px 8px;font-size:11px;cursor:pointer;color:var(--win98-black)}.toolbar span:hover{background:var(--win98-highlight);color:#fff}.projects-list{display:flex;flex-direction:column;gap:1px}.project-item{display:flex;gap:8px;padding:6px;cursor:pointer;border:1px solid transparent;align-items:flex-start}.project-item:hover{background:var(--win98-highlight);color:#fff}.project-item:hover .project-title,.project-item:hover .project-description,.project-item:hover .project-year,.project-item:hover .tag{color:#fff}.project-icon{font-size:32px;flex-shrink:0}.project-info{flex:1;min-width:0}.project-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.project-title{font-size:11px;font-weight:700;color:var(--win98-black)}.project-year{font-size:10px;color:var(--win98-dark-gray)}.project-description{font-size:11px;line-height:1.4;margin-bottom:6px;color:var(--win98-black)}.project-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{font-size:10px;color:var(--win98-black);padding:1px 4px;background:var(--win98-gray);border:1px solid var(--win98-dark-gray)}@media(max-width:768px){.projects{padding:8px 8px 40px}.toolbar{padding:2px}.toolbar span{padding:3px 6px;font-size:10px}.project-item{flex-direction:column;align-items:flex-start;padding:4px}.project-icon{font-size:24px}.project-title,.project-description{font-size:10px}.tag{font-size:9px}}@media(max-width:480px){.projects{padding:4px 4px 32px}.toolbar span{padding:2px 4px;font-size:9px}.project-icon{font-size:20px}}.articles{padding:16px 16px 56px;background:var(--win98-desktop)}.articles .window{max-width:900px;margin:0 auto}.articles-list{display:flex;flex-direction:column;gap:1px}.article-item{display:flex;gap:8px;padding:6px;cursor:pointer;border:1px solid transparent;text-decoration:none;color:var(--win98-black);align-items:center}.article-item:hover{background:var(--win98-highlight);color:#fff}.article-item:hover .article-title,.article-item:hover .article-excerpt,.article-item:hover .article-meta,.article-item:hover .article-read-time{color:#fff}.article-icon{font-size:24px;flex-shrink:0}.article-content{flex:1;min-width:0}.article-meta{display:flex;gap:8px;margin-bottom:4px;font-size:10px;color:var(--win98-dark-gray)}.article-platform{text-transform:uppercase;font-weight:700}.article-title{font-size:11px;font-weight:700;margin-bottom:4px;color:var(--win98-black)}.article-excerpt{font-size:11px;line-height:1.4;margin-bottom:4px;color:var(--win98-black)}.article-footer{display:flex;align-items:center;justify-content:space-between}.article-read-time{font-size:10px;color:var(--win98-dark-gray)}.article-arrow{width:16px;height:16px;color:var(--win98-dark-gray)}.article-item:hover .article-arrow{color:#fff}@media(max-width:768px){.articles{padding:8px 8px 40px}.article-item{flex-direction:column;align-items:flex-start;padding:4px}.article-icon{font-size:20px}.article-meta{font-size:9px}.article-title,.article-excerpt{font-size:10px}.article-read-time{font-size:9px}}@media(max-width:480px){.articles{padding:4px 4px 32px}.article-icon{font-size:18px}.article-meta{font-size:8px;gap:4px}}.footer{background:var(--win98-gray);border-top:2px solid;border-color:var(--win98-white) var(--win98-dark-gray);padding:2px;position:fixed;bottom:0;left:0;right:0;height:32px;display:flex;align-items:center;justify-content:space-between;z-index:1000;box-shadow:0 -1px #0000001a}.start-section{position:relative}.start-button{display:flex;align-items:center;gap:4px;padding:2px 6px;border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);background:var(--win98-gray);font-weight:700;font-size:11px;cursor:pointer;height:26px}.start-button:active{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);padding:3px 5px 1px 7px}.start-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.start-menu{position:absolute;bottom:32px;left:0;background:var(--win98-gray);border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);box-shadow:2px 2px 4px #0000004d;display:flex;min-width:200px;z-index:1001}.start-menu-sidebar{background:linear-gradient(to bottom,navy,#1084d0);padding:4px;writing-mode:vertical-rl;display:flex;align-items:flex-end;min-width:24px}.sidebar-text{color:#fff;font-weight:700;font-size:18px;letter-spacing:2px}.start-menu-content{flex:1;padding:2px}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;font-size:11px;cursor:pointer;position:relative;gap:8px;white-space:nowrap}.menu-item:hover,.menu-item.active{background:var(--win98-highlight);color:#fff}.menu-arrow{font-size:8px;margin-left:auto}.language-menu{position:relative}.submenu{display:none;position:absolute;left:100%;top:-2px;background:var(--win98-gray);border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);box-shadow:2px 2px 4px #0000004d;min-width:150px;padding:2px}.language-menu:hover .submenu{display:block}.submenu .menu-item{padding:4px 8px}.taskbar-items{display:flex;gap:2px;flex:1;margin:0 4px}.taskbar-item{display:flex;align-items:center;gap:4px;padding:2px 6px;border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);background:var(--win98-gray);font-size:11px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:26px}.taskbar-item.active{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray)}.system-tray{display:flex;align-items:center;gap:6px;padding:0 6px;border:1px solid;border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);height:22px;background:var(--win98-gray)}.tray-icon{font-size:14px}.clock{font-size:11px;padding:0 4px}@media(max-width:768px){.footer{height:28px}.start-button{padding:2px 4px;font-size:10px;height:24px;gap:2px}.start-icon{font-size:14px}.taskbar-items{margin:0 2px}.taskbar-item{font-size:10px;padding:2px 4px;max-width:120px;height:24px}.system-tray{gap:4px;padding:0 4px;height:20px}.tray-icon{font-size:12px}.clock{font-size:10px;padding:0 2px}}@media(max-width:480px){.footer{height:26px}.start-button{padding:1px 3px;font-size:9px;height:22px}.start-button span:last-child{display:none}.start-icon{font-size:16px}.system-tray{gap:2px;padding:0 3px}.tray-icon{display:none}.clock{font-size:9px}}.app{width:100%;overflow-x:hidden}