*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:#000;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#000;font-family:Tahoma,Segoe UI,Arial,sans-serif;font-size:11px}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:#f0f0e8;border-left:1px solid #aca899}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#d0cdc2,#c0bdb2);border:1px solid #aca899;border-radius:0}::-webkit-scrollbar-button{background:linear-gradient(#f0f0ea,#d8d8d0);border:1px solid #aca899;height:16px}.boot-screen{z-index:9999;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:0;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;display:flex;position:fixed;inset:0}.boot-logo{flex-direction:column;align-items:center;gap:4px;margin-bottom:64px;display:flex}.xp-flag{grid-template-columns:1fr 1fr;gap:3px;width:52px;height:52px;margin-bottom:12px;display:grid}.flag-q{border-radius:2px}.flag-q.tl{background:radial-gradient(circle at 60% 60%,#f90,#e64a00)}.flag-q.tr{background:radial-gradient(circle at 40% 60%,#0a0,#060)}.flag-q.bl{background:radial-gradient(circle at 60% 40%,#00f,#00c)}.flag-q.br{background:radial-gradient(circle at 40% 40%,#e00,#900)}.xp-wordmark{align-items:baseline;gap:6px;display:flex}.win-text{color:#fff;letter-spacing:1px;font-family:Franklin Gothic Medium,Arial,sans-serif;font-size:28px;font-weight:300}.xp-text{color:#ff8c00;font-family:Franklin Gothic Medium,Arial,sans-serif;font-size:38px;font-style:italic;font-weight:700}.xp-edition{color:#b0b0b0;letter-spacing:3px;text-transform:uppercase;font-family:Franklin Gothic Medium,Arial,sans-serif;font-size:13px;font-weight:400}.boot-progress-wrap{position:fixed;bottom:120px;left:50%;transform:translate(-50%)}.boot-progress-track{background:#111;border:1px solid #444;border-radius:2px;gap:4px;padding:3px;display:flex}.bar-seg{background:#222;border-radius:1px;width:18px;height:12px;transition:background .1s}.bar-seg.active{background:linear-gradient(#5fa7e0,#2178d6)}.boot-copyright{color:#555;white-space:nowrap;font-family:Arial,sans-serif;font-size:11px;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.desktop{position:fixed;inset:0 0 40px;overflow:hidden}.desktop-icons-column{flex-direction:column;gap:8px;display:flex;position:absolute;top:16px;left:16px}.desktop-icon{cursor:default;-webkit-user-select:none;user-select:none;text-align:center;border-radius:3px;outline:none;flex-direction:column;align-items:center;width:72px;padding:4px;display:flex}.desktop-icon:hover,.desktop-icon.selected{background:#316ac559;outline:1px dotted #ffffffb3}.desktop-icon-img{border-radius:4px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.icon-emoji{filter:drop-shadow(1px 2px 2px #0006);font-size:32px;line-height:1}.desktop-icon-label{color:#fff;text-shadow:1px 1px 2px #000000e6,0 0 4px #000c;text-align:center;word-break:break-word;max-width:72px;margin-top:3px;font-family:Tahoma,Arial,sans-serif;font-size:11px;line-height:1.2}.app-content{color:#000;font-family:Tahoma,Arial,sans-serif;font-size:11px;line-height:1.5}.app-header-row{background:linear-gradient(135deg,#e8f0fe 0%,#dce8fd 100%);border:1px solid #adc6f5;border-radius:4px;align-items:center;gap:16px;margin-bottom:12px;padding:8px;display:flex}.app-avatar{color:#fff;background:linear-gradient(135deg,#1a56c4,#2d7dd2);border:2px solid #1a46a0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;font-weight:700;display:flex}.app-name{color:#1a3c8c;margin:0 0 2px;font-size:16px;font-weight:700}.app-tagline{color:#555;margin:0 0 2px;font-size:11px}.app-contact{color:#316ac5;margin:0;font-size:10px}.app-section{margin-bottom:14px}.app-section h3{color:#316ac5;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #adc6f5;margin:0 0 4px;padding-bottom:2px;font-size:11px;font-weight:700}.app-section p{color:#333;margin:0 0 6px}.app-section-title{color:#1a3c8c;border-bottom:2px solid #316ac5;margin:0 0 10px;padding-bottom:4px;font-size:14px;font-weight:700}.app-list{margin:4px 0;padding-left:18px}.app-list li{color:#222;margin-bottom:3px}.job-card{background:#fafafa;border:1px solid #d0d0d0;border-radius:3px;margin-bottom:10px;padding:8px 10px}.job-header{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.job-role{color:#1a3c8c;font-size:12px;font-weight:700}.job-company{color:#555;font-size:11px}.job-meta{text-align:right}.job-period{color:#316ac5;font-size:10px;font-weight:700}.job-location{color:#888;font-size:10px}.edu-detail{color:#555;margin:4px 0 0;font-size:11px;font-style:italic}.skills-grid{grid-template-columns:1fr 1fr;gap:6px 16px;display:grid}.skill-item{flex-direction:column;gap:2px;display:flex}.skill-name-row{justify-content:space-between;font-size:10px;display:flex}.skill-pct{color:#888}.skill-bar-track{background:#e0e0e0;border:1px solid #ccc;border-radius:2px;height:8px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg,#1a56c4,#4a90e2);border-radius:1px;height:100%}.projects-grid{flex-direction:column;gap:10px;display:flex}.project-card{background:#fafafa;border:1px solid #d0d0d0;border-radius:3px;padding:8px 10px}.project-name{color:#1a3c8c;margin-bottom:2px;font-size:12px;font-weight:700}.project-tech{color:#316ac5;margin-bottom:4px;font-size:10px}.project-desc{color:#333;margin:0 0 4px;font-size:11px}.project-link{color:#316ac5;font-size:10px;text-decoration:none}.project-link:hover{text-decoration:underline}.contact-grid{grid-template-columns:1fr 1fr;gap:6px 20px;margin-bottom:8px;display:grid}.contact-item{flex-direction:column;gap:1px;display:flex}.contact-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.contact-value{color:#1a3c8c;font-size:11px;text-decoration:none}.contact-value:hover{text-decoration:underline}.contact-form{flex-direction:column;gap:6px;display:flex}.form-row{flex-direction:column;gap:2px;display:flex}.form-row label{color:#555;font-size:10px}.form-row input,.form-row textarea{background:#fff;border:1px solid #aaa;border-radius:2px;padding:4px 6px;font-family:Tahoma,Arial,sans-serif;font-size:11px}.form-row input:focus,.form-row textarea:focus{border-color:#316ac5;outline:none;box-shadow:0 0 0 2px #316ac533}.xp-submit-btn{cursor:pointer;background:linear-gradient(#f0f0ea 0%,#dcdcd3 45%,#c8c8bf 50%,#dcdcd3 100%);border:1px solid #888;border-radius:3px;align-self:flex-start;padding:4px 20px;font-family:Tahoma,Arial,sans-serif;font-size:11px;box-shadow:inset 0 1px #ffffffb3}.xp-submit-btn:hover{background:linear-gradient(#e0e8f8 0%,#c8d8f5 45%,#b8ccf0 50%,#c8d8f5 100%);border-color:#316ac5}.xp-submit-btn:active{background:linear-gradient(#dcdcd3 0%,#f0f0ea 100%);box-shadow:inset 0 1px 3px #0003}.taskbar{z-index:8000;background:linear-gradient(#245edc 0%,#3a6fe8 4%,#2355c8 8%,#1d47ad 15%,#1a41a0 50%,#163891 85%,#123182 96%,#0f2a78 100%);border-top:1px solid #6090e0;align-items:center;gap:0;height:40px;padding:0 4px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 4px #0006}.start-btn{color:#fff;letter-spacing:.5px;cursor:pointer;text-shadow:1px 1px 2px #00000080;background:linear-gradient(#5cb85c 0%,#4cae4c 30%,#3c9e3c 50%,#2e8b2e 70%,#1a6e1a 100%);border:1px solid #fff3;border-radius:0 10px 10px 0;flex-shrink:0;align-items:center;gap:5px;height:34px;padding:0 10px 0 6px;font-family:Franklin Gothic Medium,Arial,sans-serif;font-size:13px;font-style:italic;font-weight:700;display:flex;box-shadow:inset 0 1px #fff6,0 1px 4px #00000080}.start-btn:hover{filter:brightness(1.1)}.start-btn.active{background:linear-gradient(#1a6e1a 0%,#2e8b2e 30%,#3c9e3c 50%,#4cae4c 70%,#5cb85c 100%);box-shadow:inset 0 2px 4px #0000004d}.start-flag{flex-shrink:0;grid-template-columns:1fr 1fr;gap:1px;width:20px;height:20px;display:grid}.sf{border-radius:1px}.sf.tl{background:radial-gradient(circle at 60% 60%,#f90,#e64a00)}.sf.tr{background:radial-gradient(circle at 40% 60%,#0a0,#060)}.sf.bl{background:radial-gradient(circle at 60% 40%,#00f,#00c)}.sf.br{background:radial-gradient(circle at 40% 40%,#e00,#900)}.taskbar-divider{background:#ffffff26;flex-shrink:0;width:1px;height:28px;margin:0 4px}.taskbar-buttons{flex:1;align-items:center;gap:3px;min-width:0;display:flex;overflow:hidden}.taskbar-btn{color:#fff;cursor:pointer;text-shadow:1px 1px 1px #00000080;background:linear-gradient(#ffffff1f 0%,#00000014 100%);border:1px solid #ffffff26;border-radius:3px;align-items:center;gap:4px;min-width:80px;max-width:160px;height:28px;padding:0 8px;font-family:Tahoma,Arial,sans-serif;font-size:11px;display:flex;box-shadow:inset 0 1px #fff3}.taskbar-btn:hover{background:linear-gradient(#ffffff38 0%,#0000000d 100%)}.taskbar-btn.active{background:linear-gradient(#00000026 0%,#ffffff1f 100%);border-color:#ffffff1a;box-shadow:inset 0 2px 4px #0000004d}.tb-icon{flex-shrink:0;font-size:14px}.tb-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.taskbar-tray{background:linear-gradient(#1a41a0 0%,#0f2a78 100%);border-left:1px solid #ffffff26;flex-shrink:0;align-items:center;gap:6px;height:100%;padding:0 8px 0 10px;display:flex}.tray-icons{gap:4px;font-size:14px;display:flex}.tray-clock{color:#fff;text-shadow:1px 1px 1px #00000080;text-align:center;cursor:default;min-width:44px;font-family:Tahoma,Arial,sans-serif;font-size:11px}.start-menu{z-index:9000;background:#fff;border:2px solid #0a246a;border-radius:8px 8px 0 0;width:380px;font-family:Tahoma,Arial,sans-serif;position:fixed;bottom:40px;left:0;overflow:hidden;box-shadow:3px -3px 12px #00000080}.sm-header{background:linear-gradient(90deg,#1454a8,#2d7dd2);align-items:center;gap:10px;padding:8px 12px;display:flex}.sm-avatar{color:#1a3c8c;background:linear-gradient(135deg,#e8d880,#f0e898);border:2px solid #ffffff80;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;font-weight:700;display:flex}.sm-username{color:#fff;text-shadow:1px 1px 2px #0006;font-size:13px;font-weight:700}.sm-body{display:flex}.sm-left{background:#fff;border-right:1px solid #e0e0e0;flex:1;min-width:0;padding:6px 4px}.sm-right{background:#d4e0f8;flex-shrink:0;width:140px;padding:6px 4px}.sm-section-label{color:#316ac5;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;font-size:10px;font-weight:700}.sm-divider{background:linear-gradient(90deg,#316ac5,#0000);height:1px;margin:3px 8px 4px}.sm-item{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;border-radius:2px;align-items:center;gap:8px;padding:4px 8px;font-family:Tahoma,Arial,sans-serif;font-size:11px;text-decoration:none;display:flex}.sm-item:hover{color:#fff;background:linear-gradient(90deg,#316ac5,#4a80d8);border-radius:2px}.sm-item-icon{flex-shrink:0;font-size:18px}.sm-item-label{font-size:11px}.sm-footer{background:linear-gradient(#1a56c4,#0e3d8c);border-top:1px solid #fff3;justify-content:flex-end;gap:6px;padding:6px 8px;display:flex}.sm-footer-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:3px;align-items:center;gap:4px;padding:3px 10px;font-family:Tahoma,Arial,sans-serif;font-size:11px;display:flex}.sm-footer-btn:hover{background:#ffffff40}.xp-window{border:2px solid #0a246a;border-radius:8px 8px 4px 4px;flex-direction:column;min-width:300px;min-height:200px;font-family:Tahoma,Segoe UI,Arial,sans-serif;font-size:11px;display:flex;position:fixed;overflow:hidden;box-shadow:2px 2px 8px #00000080,inset 0 0 0 1px #ffffff4d}.xp-titlebar{cursor:default;-webkit-user-select:none;user-select:none;background:linear-gradient(#0a57c9 0%,#1677f0 4%,#2585f5 8%,#236ed4 15%,#1b5fb8 50%,#1752a3 85%,#0e3d8c 96%,#0a2e6a 100%);justify-content:space-between;align-items:center;min-height:28px;padding:3px 4px 4px;display:flex}.xp-titlebar-left{align-items:center;gap:4px;display:flex}.xp-title-icon{width:16px;height:16px;image-rendering:pixelated}.xp-title-text{color:#fff;text-shadow:1px 1px 2px #0009;letter-spacing:.2px;font-size:12px;font-weight:700}.xp-titlebar-btns{align-items:center;gap:2px;display:flex}.xp-btn{cursor:pointer;border:none;border-radius:3px;justify-content:center;align-items:center;width:21px;height:21px;padding:0;display:flex;position:relative}.xp-min,.xp-max{background:linear-gradient(#4d9de0 0%,#2578c9 50%,#1c68b0 100%);border:1px solid #0a246a;box-shadow:inset 0 1px #fff6,0 1px 2px #0006}.xp-close{background:linear-gradient(#e86060 0%,#d83030 50%,#c02020 100%);border:1px solid #7a0000;box-shadow:inset 0 1px #fff6,0 1px 2px #0006}.xp-btn:hover .xp-btn-icon{opacity:1}.xp-btn:active{filter:brightness(.85)}.xp-btn-icon{opacity:.9;display:block}.min-icon{background:#fff;width:8px;height:2px;margin-top:6px;box-shadow:0 1px 1px #00000080}.max-icon{background:0 0;border:2px solid #fff;width:8px;height:7px;box-shadow:0 1px 1px #00000080}.close-icon{width:9px;height:9px;position:relative}.close-icon:before,.close-icon:after{content:"";background:#fff;width:9px;height:2px;position:absolute;top:50%;left:0;box-shadow:0 1px 1px #00000080}.close-icon:before{transform:translateY(-50%)rotate(45deg)}.close-icon:after{transform:translateY(-50%)rotate(-45deg)}.xp-menubar{background:#ece9d8;border-bottom:1px solid #aca899;gap:0;padding:2px 4px;display:flex}.xp-menubar span{cursor:default;color:#000;border-radius:2px;padding:2px 6px;font-family:Tahoma,Arial,sans-serif;font-size:11px}.xp-menubar span:hover{color:#fff;background:#316ac5}.xp-window-content{background:#fff;flex:1;padding:12px;font-family:Tahoma,Arial,sans-serif;font-size:11px;overflow:hidden auto}.xp-resize-handle{cursor:se-resize;background:linear-gradient(135deg,#0000 0% 40%,#999 40% 50%,#0000 50% 60%,#999 60% 70%,#0000 70% 80%,#999 80% 90%,#0000 90%);width:16px;height:16px;position:absolute;bottom:0;right:0}.xp-root{font-family:Tahoma,Segoe UI,Arial,sans-serif;position:fixed;inset:0;overflow:hidden}