*{box-sizing:border-box}body{-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-smooth:never;cursor:default;margin:0;padding:0;font-family:Tahoma,Segoe UI,sans-serif;overflow:hidden}a,button,[role=button]{cursor:pointer}#root{width:100vw;height:100vh;position:relative}.boot-screen{z-index:10000;background:#000;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s ease-out;display:flex;position:fixed;inset:0}.boot-screen.fade-out{opacity:0;pointer-events:none}.boot-logo{flex-direction:column;align-items:center;gap:16px;margin-bottom:80px;display:flex}.boot-logo-img{object-fit:contain;width:140px;height:auto}.loading-track{background:#0d0d0d;border:1px solid #505050;border-radius:6px;align-items:center;width:180px;height:12px;margin-top:16px;display:flex;overflow:hidden}.loading-blocks{gap:4px;animation:1.5s ease-in-out infinite boot-loading;display:flex}.loading-blocks .block{background:#35f;border-radius:1px;width:8px;height:6px}@keyframes boot-loading{0%{transform:translate(-40px)}to{transform:translate(196px)}}.boot-footer{color:#fff;justify-content:space-between;padding:0 20px;font-family:Tahoma,Arial,sans-serif;font-size:11px;display:flex;position:absolute;bottom:16px;left:0;right:0}.copyright{opacity:.9}.microsoft-brand{font-style:italic;font-weight:700}.login-screen{z-index:10000;flex-direction:column;transition:opacity .6s ease-out;display:flex;position:fixed;inset:0}.login-screen.logging-in{opacity:0;pointer-events:none}.logging-in-overlay{z-index:1;pointer-events:none;background:#003399e6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.logging-in-overlay p{color:#fff;margin:0;font-family:Tahoma,Arial,sans-serif;font-size:18px}.login-header{background:#039;flex-shrink:0;height:28px}.login-main{background:radial-gradient(at 20% 30%,#7eb8f7 0%,#5a9ee8 25%,#3d7ed4 50%,#2a5eb8 100%);flex:1;gap:40px;padding:40px 60px;display:flex}.login-left{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.login-logo{flex-direction:column;align-items:center;gap:20px;display:flex}.login-logo-img{object-fit:contain;width:100px;height:auto}.login-instruction{color:#fff;margin:0;font-family:Tahoma,Arial,sans-serif;font-size:14px}.login-divider{background:#fff6;width:1px}.login-right{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.login-user{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:12px;padding:20px 40px;transition:opacity .2s;display:flex}.login-user:hover:not(:disabled){opacity:1}.login-user:disabled{cursor:default}.user-name{color:#fff;font-family:Tahoma,Arial,sans-serif;font-size:16px;font-weight:700}.login-footer{background:#039;border-top:2px solid #e3a034;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 24px;display:flex}.turn-off-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:4px 12px;font-family:Tahoma,Arial,sans-serif;font-size:13px;display:flex}.turn-off-btn:hover{background:#ffffff1a}.power-icon{background:#e74c3c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M8 4v4' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/12px no-repeat;border-radius:2px;width:22px;height:22px}.footer-help{color:#fff;max-width:400px;margin:0;font-family:Tahoma,Arial,sans-serif;font-size:11px}.desktop{z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0 0 30px}.desktop-icons{z-index:1;padding:16px;position:absolute;inset:0}.desktop-icon-wrapper{cursor:default;padding:4px;position:absolute!important}.desktop-icon{cursor:pointer;color:#fff;text-shadow:0 1px 1px #000,0 1px 2px #000;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:100%;height:100%;padding:8px;font-family:Tahoma,Segoe UI,sans-serif;font-size:11px;display:flex}.desktop-icon:hover{background:#ffffff26}.desktop-icon.selected{background:#ffffff40}.desktop-icon.selected:hover{background:#ffffff4d}.desktop-icon:focus{outline:1px dotted #fff}.icon-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.desktop-icon-img{object-fit:contain;width:32px;height:32px}.icon-trash{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='binGrad' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%2366a3d9'/%3E%3Cstop offset='50%25' style='stop-color:%234a8ec7'/%3E%3Cstop offset='100%25' style='stop-color:%232e6ba3'/%3E%3C/linearGradient%3E%3ClinearGradient id='binLid' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%2388b8e0'/%3E%3Cstop offset='100%25' style='stop-color:%235a94c9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23binLid)' stroke='%233d7ab5' stroke-width='1' d='M6 6h20v4H6z'/%3E%3Cpath fill='url(%23binLid)' d='M8 6h16v2H8z'/%3E%3Cpath fill='url(%23binGrad)' stroke='%233d7ab5' stroke-width='1' d='M8 10h16v18H8z'/%3E%3Cpath fill='%23ffffff' opacity='0.3' d='M10 12h2v14h-2z'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' d='M11 7v1M16 7v1M21 7v1' opacity='0.6'/%3E%3Cpath fill='none' stroke='%232d6ba3' stroke-width='1.5' d='M7 10h18'/%3E%3C/svg%3E") 50%/contain no-repeat;width:32px;height:32px}.window-rnd{box-shadow:2px 2px 8px #0006;position:absolute!important}.window{background:#fff;border:1px solid #0054e3;border-radius:8px 8px 0 0;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.window-title-bar{color:#fff;cursor:move;background:linear-gradient(#0054e3 0%,#0047c7 5%,#004bb8 10%,#0054e3 50%,#003d99 100%);border-bottom:1px solid #003d99;flex-shrink:0;align-items:center;gap:6px;min-height:28px;padding:3px 5px 2px;font-family:Tahoma,Segoe UI,sans-serif;font-size:13px;font-weight:700;display:flex}.window-icon-img{object-fit:contain;flex-shrink:0;width:16px;height:16px}.window-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.window-buttons{gap:1px;display:flex}.window-button{cursor:pointer;background:linear-gradient(#3a6ea5 0%,#2d5a8a 50%,#1e4a73 100%) 50%/10px 10px no-repeat;border:1px solid #003d99;flex-shrink:0;width:21px;height:21px;padding:0}.window-button.minimize{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect y='7' width='16' height='2' fill='white'/%3E%3C/svg%3E")}.window-button.maximize{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='2' width='12' height='12' stroke='white' stroke-width='1.5' fill='none'/%3E%3C/svg%3E")}.window-button.close{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 3 L13 13 M13 3 L3 13' stroke='white' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E")}.window-button:hover{background:linear-gradient(#5a8ec5 0%,#4a7eb5 50%,#3a6ea5 100%)}.window-button.close:hover{border-color:#922b21;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 3 L13 13 M13 3 L3 13' stroke='white' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E")!important}.window-content{background:#fff;border:1px solid #aca899;border-top:none;flex:1;padding:8px;overflow:auto}.start-menu-overlay{z-index:9998;position:fixed;inset:0}.taskbar{z-index:9999;background:linear-gradient(#2361c6 0%,#0e3d8c 6%,#0047c7 12%,#0054e3 25%,#0e4bb5 50%,#003d99 75%,#002d6b 100%);border-top:1px solid #3a6ea5;align-items:center;height:30px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 1px #fff3}.start-button{color:#fff;cursor:pointer;background:linear-gradient(#33b033 0%,#228b22 6%,#2d8b2d 100%);border:none;border-right:1px solid #1a6b1a;align-items:center;gap:6px;height:100%;padding:0 12px;font-family:Tahoma,Segoe UI,sans-serif;font-size:13px;font-weight:700;display:flex}.start-button:hover{background:linear-gradient(#3dc23d 0%,#2d9b2d 6%,#38a838 100%)}.start-logo-img{object-fit:contain;width:22px;height:22px}.start-text{font-size:13px}.taskbar-windows{flex:1;gap:2px;padding:2px 4px;display:flex;overflow-x:auto}.taskbar-item{color:#fff;cursor:pointer;white-space:nowrap;text-shadow:0 1px 1px #00000080;background:linear-gradient(#ffffff26 0%,#ffffff0d 50%,#0000 100%);border:1px solid #0000;border-radius:3px;padding:2px 12px;font-family:Tahoma,Segoe UI,sans-serif;font-size:12px}.taskbar-item:hover{background:linear-gradient(#ffffff40 0%,#ffffff1a 50%,#0000 100%)}.taskbar-item.active{background:linear-gradient(#0e4bb5 0%,#0047c7 30%,#003d99 100%);border:1px solid #002d6b;box-shadow:inset 0 1px #ffffff26}.taskbar-tray{background:linear-gradient(#2361c6 0%,#0e3d8c 6%,#0047c7 12%,#0054e3 50%,#003d99 100%);border-left:1px solid #003d99;align-items:center;gap:8px;height:100%;padding:0 8px;display:flex}.tray-icon.wifi{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.7 2.06 7.3 2.06 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:16px;height:16px}.tray-clock{color:#fff;font-family:Tahoma,Segoe UI,sans-serif;font-size:12px}.start-menu{z-index:10000;background:linear-gradient(#0054e3 0%,#0047c7 100%);border:1px solid #003d99;border-radius:0 8px 8px 0;width:280px;position:fixed;bottom:30px;left:0;box-shadow:2px -2px 6px #0000004d}.start-menu-header{border-bottom:1px solid #003d99;padding:12px}.start-menu-user{color:#fff;align-items:center;gap:8px;font-family:Tahoma,Segoe UI,sans-serif;font-size:13px;display:flex}.user-avatar-img{object-fit:contain;width:32px;height:32px}.start-menu-body{padding:8px}.start-menu-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:8px 12px;font-family:Tahoma,Segoe UI,sans-serif;font-size:13px;display:block}.start-menu-item:hover{background:#fff3}.my-projects{height:100%;min-height:300px;display:flex}.projects-sidebar{background:#ece9d8;border-right:1px solid #0054e3;flex-shrink:0;width:140px;padding:8px}.sidebar-title{color:#000;margin-bottom:8px;font-family:Tahoma,Segoe UI,sans-serif;font-size:11px;font-weight:700}.project-list{margin:0;padding:0;list-style:none}.project-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:2px;align-items:center;gap:6px;width:100%;padding:4px 8px;font-family:Tahoma,Segoe UI,sans-serif;font-size:12px;display:flex}.project-item:hover{background:#c0d4f0}.project-item.selected{color:#fff;background:#316ac5}.folder-icon-img{object-fit:contain;flex-shrink:0;width:16px;height:16px}.projects-content{flex:1;padding:8px;overflow:auto}.empty-state,.loading{color:#666;font-family:Tahoma,Segoe UI,sans-serif;font-size:12px}.project-preview{flex-direction:column;gap:8px;height:100%;display:flex}.preview-frame-wrapper{background:#fff;border:1px solid #0054e3;flex:1;min-height:200px}.preview-iframe{border:none;width:100%;height:100%;min-height:200px}.preview-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.preview-description{margin:0;font-family:Tahoma,Segoe UI,sans-serif;font-size:12px}.visit-button{color:#fff;background:linear-gradient(#0054e3 0%,#0047c7 100%);border:1px solid #003d99;border-radius:4px;padding:4px 12px;font-family:Tahoma,Segoe UI,sans-serif;font-size:12px;text-decoration:none}.visit-button:hover{background:linear-gradient(#06f 0%,#05d 100%)}.about-me{font-family:Tahoma,Segoe UI,sans-serif;font-size:12px;line-height:1.5}.about-header{gap:16px;margin-bottom:16px;display:flex}.photo-placeholder{color:#666;background:silver;border:2px solid gray;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:100px;font-size:11px;display:flex}.about-title h2{letter-spacing:1px;margin:0 0 4px;font-size:14px}.about-role{color:#06c;margin:0;font-size:12px}.cv-section{margin-bottom:12px}.cv-section h3{color:#06c;border-bottom:1px solid #ccc;margin:0 0 6px;padding-bottom:2px;font-size:12px}.cv-section p,.cv-section ul{margin:0 0 8px;padding-left:16px}.cv-section ul{list-style-type:disc}.cv-section li{margin-bottom:4px}.experience-item{margin-bottom:12px}.experience-item h4{color:#333;margin:0 0 4px;font-size:11px}.experience-item ul{margin:0;padding-left:16px}.contact{font-family:Tahoma,Segoe UI,sans-serif}.contact-list{margin:0;padding:0;list-style:none}.contact-list li{border-bottom:1px solid #ccc;padding:8px 0}.contact-label{width:55px;font-size:12px;font-weight:700;display:inline-block}.contact-list a,.contact-list span{font-size:12px}.contact-list a{color:#00f;font-size:12px}.contact-list a:hover{text-decoration:underline}.recycle-bin{flex-direction:column;justify-content:center;align-items:center;padding:32px;font-family:Tahoma,Segoe UI,sans-serif;display:flex}.recycle-icon-large{background:linear-gradient(#666 0%,#333 100%);width:64px;height:64px;margin-bottom:16px}.recycle-message{color:#333;text-align:center;margin:0;font-size:14px}