*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--win-gray: #c0c0c0;--win-light: #dfdfdf;--win-dark: #808080;--win-darker: #404040;--win-navy: #000080;--win-teal: #008080;--win-white: #ffffff;--win-black: #000000;--font-sans: "Arial", system-ui, sans-serif;--font-mono: "Courier New", monospace;--max-width: 900px;--nav-height: 40px}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--win-teal);color:var(--win-black);font-size:14px;line-height:1.5;min-height:100vh}a{color:var(--win-navy);text-decoration:underline}a:hover{color:#00f;opacity:1}h1{font-size:1.6rem;font-weight:700;color:var(--win-black);margin-bottom:.4rem}h2{font-size:1.15rem;font-weight:700;color:var(--win-black);margin-bottom:.4rem}h3{font-size:1rem;font-weight:700;color:var(--win-black)}p{color:#333;margin-bottom:.4rem}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:calc(var(--nav-height) + 12px) 12px 12px}.win-window{max-width:var(--max-width);margin:0 auto;background:var(--win-gray);border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-darker);border-bottom:2px solid var(--win-darker);box-shadow:1px 1px 0 var(--win-black)}.win-titlebar{background:var(--win-navy);color:var(--win-white);padding:3px 6px 3px 8px;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.win-titlebar-left{display:flex;align-items:center;gap:6px}.win-titlebar-btns{display:flex;gap:2px}.win-titlebar-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:14px;background:var(--win-gray);border-top:1px solid var(--win-light);border-left:1px solid var(--win-light);border-right:1px solid var(--win-dark);border-bottom:1px solid var(--win-dark);font-size:9px;font-weight:700;color:var(--win-black);cursor:default;line-height:1}.win-body{padding:1.5rem 2rem}.win-statusbar{display:flex;gap:2px;padding:0 4px 4px}.win-status-item{flex:1;padding:2px 6px;font-size:11px;color:#444;border-top:1px solid var(--win-dark);border-left:1px solid var(--win-dark);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win-groupbox{border:1px solid var(--win-dark);box-shadow:-1px -1px 0 var(--win-light);padding:14px 12px 12px;position:relative;margin-top:1.5rem}.win-groupbox+.win-groupbox{margin-top:1rem}.win-groupbox-label{position:absolute;top:-9px;left:8px;background:var(--win-gray);padding:0 4px;font-size:12px;font-weight:700}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--win-gray);border-top:2px solid var(--win-light);border-bottom:2px solid var(--win-dark);display:flex;align-items:center;gap:4px;padding:0 4px;z-index:100}.navbar-logo{display:inline-flex;align-items:center;gap:5px;background:var(--win-gray);color:var(--win-black);font-weight:700;font-size:13px;padding:3px 12px;text-decoration:none;height:30px;border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-darker);border-bottom:2px solid var(--win-darker);white-space:nowrap}.navbar-logo:hover{color:var(--win-black);opacity:1;background:var(--win-light)}.navbar-sep{width:1px;height:28px;background:var(--win-dark);box-shadow:1px 0 0 var(--win-light);margin:0 3px;flex-shrink:0}.navbar-links{list-style:none;display:flex;gap:2px;flex:1}.nav-link{display:inline-flex;align-items:center;color:var(--win-black);font-size:13px;text-decoration:none;padding:3px 10px;height:30px;border:2px solid transparent;white-space:nowrap}.nav-link:hover{border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-darker);border-bottom:2px solid var(--win-darker);background:var(--win-light);color:var(--win-black);opacity:1}.nav-link.active{border-top:2px solid var(--win-dark);border-left:2px solid var(--win-dark);border-right:2px solid var(--win-light);border-bottom:2px solid var(--win-light);background:var(--win-gray);font-weight:700}.taskbar-clock{margin-left:auto;font-size:12px;padding:2px 8px;font-family:var(--font-mono);white-space:nowrap;border-top:1px solid var(--win-dark);border-left:1px solid var(--win-dark);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light);height:30px;display:flex;align-items:center}.footer{background:var(--win-gray);border-top:2px solid var(--win-dark);padding:.75rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem;font-size:12px}.footer-links{display:flex;gap:1.5rem}.footer a{font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 16px;min-width:80px;height:28px;background:var(--win-gray);color:var(--win-black);font-family:var(--font-sans);font-size:13px;cursor:pointer;text-decoration:none;border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-darker);border-bottom:2px solid var(--win-darker)}.btn:hover{background:var(--win-light);color:var(--win-black);opacity:1}.btn:active{border-top:2px solid var(--win-darker);border-left:2px solid var(--win-darker);border-right:2px solid var(--win-light);border-bottom:2px solid var(--win-light);padding-top:5px;padding-left:17px}.btn-primary,.btn-secondary{background:var(--win-gray);color:var(--win-black)}.hero h1{font-size:2rem}.highlight{color:var(--win-navy)}.hero-subtitle{font-size:13px;color:#444;margin:.6rem 0 1.2rem}.hero-cta{display:flex;gap:8px;flex-wrap:wrap}.section-intro{margin-bottom:1rem;font-size:13px;color:#444}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.project-card{background:var(--win-gray);border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-darker);border-bottom:2px solid var(--win-darker);display:flex;flex-direction:column}.project-card-titlebar{background:var(--win-dark);color:var(--win-white);padding:2px 7px;font-size:12px;font-weight:700}.project-card-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px;flex:1;font-size:13px}.project-card-body p{font-size:13px;color:#444}.project-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.tag{background:var(--win-navy);color:var(--win-white);font-size:11px;padding:1px 6px;border:1px solid var(--win-darker)}.project-links{display:flex;gap:8px;font-size:12px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.about-text{display:flex;flex-direction:column;gap:.75rem;font-size:13px}.about-text p{font-size:13px}.skill-list{list-style:none;display:flex;flex-direction:column;gap:3px;font-size:13px}.skill-list li:before{content:"▸ ";color:var(--win-navy)}.experience-list{list-style:none;display:flex;flex-direction:column;gap:10px}.exp-item{border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-darker);border-bottom:2px solid var(--win-darker)}.exp-titlebar{background:var(--win-navy);color:var(--win-white);padding:2px 8px;font-size:12px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.exp-titlebar-right{font-weight:400;font-size:11px;opacity:.85;text-align:right}.exp-body{padding:8px 12px;font-size:13px}.exp-body .exp-dates{font-size:12px;font-style:italic;color:#555;margin-bottom:4px}.exp-body ul{margin-left:1.2rem}.exp-body li{font-size:12px;color:#555;margin-bottom:2px}.blog-list{list-style:none;display:flex;flex-direction:column;gap:10px}.blog-card{background:var(--win-gray);border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-darker);border-bottom:2px solid var(--win-darker)}.blog-card-titlebar{background:var(--win-dark);color:var(--win-white);padding:2px 6px;font-size:12px;font-weight:700}.blog-card-body{padding:8px 12px;font-size:13px}.blog-date{font-size:11px;color:#666;font-family:var(--font-mono)}.contact-form{display:flex;flex-direction:column;gap:12px;max-width:460px;margin-top:1.5rem}.contact-form label{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--win-black)}.contact-form input,.contact-form textarea{background:var(--win-white);border-top:2px solid var(--win-dark);border-left:2px solid var(--win-dark);border-right:2px solid var(--win-light);border-bottom:2px solid var(--win-light);padding:3px 6px;color:var(--win-black);font-size:13px;font-family:var(--font-sans)}.contact-form input:focus,.contact-form textarea:focus{outline:1px dotted var(--win-black)}.contact-alt{margin-top:1rem;font-size:13px}@media (max-width: 640px){h1{font-size:1.3rem}.hero h1{font-size:1.6rem}.navbar-links .nav-link{padding:3px 6px;font-size:12px}.about-content{grid-template-columns:1fr}.win-body{padding:1rem}.win-statusbar{flex-wrap:wrap}}