:root{--xp-blue-top:#0a64f6;--xp-blue-bottom:#004ebd;--xp-panel:#ece9d8;--xp-sidebar-start:#7ca5eb;--xp-sidebar-end:#6375d6;--xp-border:#2451a3;--xp-shadow:#04194773;--taskbar-height:34px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#101010;-webkit-user-select:none;user-select:none;background:#000;font-family:Tahoma,Verdana,sans-serif;font-size:11px;overflow:hidden}button,a,input{font:inherit}button{background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}.app-shell{width:100%;height:100%;position:relative}.desktop{inset:0 0 var(--taskbar-height) 0;background:linear-gradient(#ffffff0f,#00000014),url(/assets/wallpaper.jpg) 50%/cover no-repeat;position:fixed;overflow:hidden}.desktop-icons{z-index:1;position:absolute;inset:0}.desktop-icon{cursor:default;border:1px solid #0000;flex-direction:column;align-items:center;gap:6px;width:78px;min-height:84px;padding:4px;display:flex;position:absolute}.desktop-icon:hover{background:#0a49b52e;border-color:#ffffff40}.desktop-icon.is-selected{background:#0b61ff99;border-color:#ffffffd9}.desktop-icon__label{text-align:center;color:#fff;text-shadow:1px 1px 1px #000000f2;border-radius:2px;padding:1px 4px;line-height:1.2}.windows-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.window-frame{pointer-events:auto;background:var(--xp-panel);min-width:360px;min-height:240px;box-shadow:0 18px 36px var(--xp-shadow);border:3px solid #0a58ca;border-top:0;border-radius:8px 8px 0 0;flex-direction:column;display:flex;position:absolute}.window-frame.is-active .window-titlebar{background:linear-gradient(#3ba1ff 0%,#0a64f6 8%,#0a56d7 42%,#073da9 100%)}.window-frame.is-maximized{inset:0 0 var(--taskbar-height) 0;border-width:0;border-radius:0;width:auto!important;height:auto!important}.window-titlebar{color:#fff;cursor:move;background:linear-gradient(#91bfff 0%,#5b9bf7 4%,#2875eb 20%,#0e4fb8 70%,#08378d 100%);border-radius:5px 5px 0 0;align-items:center;gap:6px;height:30px;padding:0 6px;display:flex}.window-titlebar__text{text-shadow:1px 1px 1px #0000008c;flex:1;font-size:12px;font-weight:700}.window-controls{gap:2px;display:flex}.window-control{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:contain;width:21px;height:21px}.window-control--minimize{background-image:url(/assets/minimise.png)}.window-control--minimize:hover{background-image:url(/assets/minimise_hover.png)}.window-control--maximize{background-image:url(/assets/maximise.png)}.window-control--maximize:hover{background-image:url(/assets/maximise_hover.png)}.window-control--close{background-image:url(/assets/close.png)}.window-control--close:hover{background-image:url(/assets/close_hover.png)}.window-toolbar{background:#efe9d6;border-top:1px solid #ffffffd9;border-bottom:1px solid #ccc4af;align-items:center;gap:6px;padding:5px;display:flex}.toolbar-button{opacity:.85;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:24px;height:24px}.toolbar-button:hover:not(:disabled){opacity:1}.toolbar-button:disabled{opacity:.35;cursor:default}.toolbar-button--back{background-image:url(/assets/toolbar/back.png)}.toolbar-button--forward{background-image:url(/assets/toolbar/forward.png)}.toolbar-button--up{background-image:url(/assets/toolbar/home.png)}.address-bar{color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #7f9db9;flex:1;align-items:center;height:23px;padding:0 8px;display:flex;overflow:hidden}.window-body{background:#fff;flex:1;min-height:0;overflow:hidden}.window-body--explorer{display:flex}.explorer-sidebar{background:linear-gradient(to bottom, var(--xp-sidebar-start), var(--xp-sidebar-end));flex-direction:column;flex:0 0 206px;gap:14px;width:206px;padding:14px;display:flex}.sidebar-panel{background:#ffffffe6;border-radius:7px;overflow:hidden;box-shadow:0 3px 10px #0f2a6738}.sidebar-panel__title{color:#215dc6;background:linear-gradient(90deg,#fff,#d9e5ff);padding:6px 10px;font-weight:700}.sidebar-link{cursor:pointer;color:#173574;text-align:left;align-items:center;gap:8px;width:100%;padding:7px 10px;display:flex}.sidebar-link:hover,.sidebar-link.is-active{color:#0d55d8;background:#e9f2ff}.sidebar-summary{color:#223256;padding:10px;line-height:1.45}.sidebar-summary p{margin:6px 0 0}.explorer-main{background:#fff;flex:1;min-width:0;padding:14px;overflow:auto}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.folder-item{cursor:default;border:1px solid #0000;border-radius:4px;flex-direction:column;align-items:center;gap:6px;min-height:122px;padding:10px 8px;display:flex}.folder-item:hover{background:#eef5ff;border-color:#cfe2ff}.folder-item__icon{width:48px;height:48px}.folder-item__name{text-align:center;color:#1f1f1f;font-weight:700}.folder-item__summary{text-align:center;color:#646464;line-height:1.3}.panel,.document-view,.pdf-window{width:100%;height:100%}.panel{-webkit-user-select:text;user-select:text;background:linear-gradient(#ffffffd1,#e7eeffdb);padding:18px;overflow:auto}.document-view{-webkit-user-select:text;user-select:text;background:linear-gradient(#fffffffa,#f0f6fffa);padding:20px;overflow:auto}.document-view__header,.about-panel__intro,.music-panel__hero{align-items:center;gap:14px;margin-bottom:18px;display:flex}.document-view__header h2,.about-panel__intro h2,.contact-panel__header h2,.music-panel__hero h2{margin:0;font-size:21px}.document-view__header p,.about-panel__intro p,.contact-panel__header p,.music-panel__hero p{color:#4b4b4b;margin:6px 0 0;line-height:1.5}.document-section,.about-panel__card,.contact-card{background:#ffffffeb;border:1px solid #cedbf2;border-radius:4px;box-shadow:0 10px 18px #2a5ba814}.document-section{margin-bottom:16px;padding:16px}.document-section h3,.about-panel__card h3{color:#174696;margin:0 0 10px;font-size:14px}.document-section ul,.about-panel__card ul{margin:0;padding-left:18px;line-height:1.6}.document-note,.muted-note{color:#5d5d5d;line-height:1.5}.stack-list{flex-wrap:wrap;gap:8px;display:flex}.stack-pill{color:#174696;background:#deebff;border-radius:999px;padding:6px 10px;font-weight:700}.primary-link{color:#0f4dad;background:linear-gradient(#fefefe,#d9e5ff);border:1px solid #2d67d2;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-weight:700;display:inline-flex}.about-panel__avatar{object-fit:cover;border:3px solid #fff;border-radius:8px;width:88px;height:88px;box-shadow:0 8px 18px #1136713d}.about-panel__subtitle{color:#1b5dd5;font-weight:700}.about-panel__columns{grid-template-columns:1.1fr .9fr;gap:16px;margin-bottom:16px;display:grid}.about-panel__card{padding:16px}.about-panel__gallery{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.about-panel__gallery img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%}.about-panel__sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.about-panel__story{margin-bottom:16px}.about-panel__story p{color:#313131;margin:0 0 12px;line-height:1.6}.about-panel__story p:last-child{margin-bottom:0}.contact-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.contact-card{color:#173574;align-items:center;gap:12px;padding:16px;display:flex}.contact-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px #2a5ba829}.contact-card strong,.contact-card span{display:block}.contact-card span:last-child{color:#4c5e8a;margin-top:4px}.pdf-window{background:#7b7b7b;padding:0}.pdf-window iframe{background:#fff;border:0;width:100%;height:100%}.music-panel{background:linear-gradient(#f5f8fff5,#e1ebfff5);flex-direction:column;gap:14px;display:flex}.music-panel__hero img{object-fit:cover;border-radius:12px;width:72px;height:72px;box-shadow:0 8px 18px #0e326f3d}.music-panel__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#5e79af;font-size:10px}.music-panel__visualizer{background:radial-gradient(circle at top,#0f44a06b,#030918f2),#070e20;border-radius:18px;align-items:end;gap:6px;height:120px;padding:18px;display:flex}.music-bar{transform-origin:bottom;background:linear-gradient(#a4ff5a,#17b51f);border-radius:999px 999px 0 0;flex:1;min-width:10px;height:18%}.music-bar.is-playing{animation:.9s ease-in-out infinite alternate equalize}.music-panel__controls{justify-content:center;gap:12px;display:flex}.media-button{cursor:pointer;background:linear-gradient(#fff,#d3ddf0);border:1px solid #8a96ab;border-radius:10px;width:44px;height:36px}.media-button--primary{width:58px;font-size:15px}.music-panel__timeline{color:#35538d;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;display:grid}.music-panel__timeline input{width:100%}.music-panel__playlist{flex-direction:column;gap:8px;display:flex}.playlist-item{cursor:pointer;color:#27477b;background:#ffffffeb;border:1px solid #c9d6ed;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.playlist-item.is-active{color:#0d4aad;background:#dce9ff;border-color:#3e78db;font-weight:700}.context-menu{z-index:10000;background:#fff;border:1px solid #b4b0a1;min-width:150px;padding:3px;position:fixed;box-shadow:0 8px 20px #00000047}.context-menu__item{text-align:left;cursor:pointer;width:100%;padding:5px 10px}.context-menu__item:hover{color:#fff;background:#316ac5}.taskbar{height:var(--taskbar-height);z-index:12000;background:linear-gradient(#245edb 0%,#3f76ea 12%,#245edb 44%,#1941a5 100%);border-top:1px solid #86aef7;align-items:center;display:flex;position:fixed;inset:auto 0 0}.start-button{cursor:pointer;background:url(/assets/xp_btn_norm.png) 50%/contain no-repeat;flex:0 0 99px;width:99px;height:100%}.start-button:hover{background-image:url(/assets/xp_btn_hover.png)}.start-button.is-open{background-image:url(/assets/xp_btn_clicked.png)}.taskbar__items{flex:1;gap:4px;min-width:0;padding:0 6px;display:flex}.taskbar-item{cursor:pointer;color:#fff;background:linear-gradient(#4a7ef2,#2659d0);border:1px solid #133f99;border-radius:3px;align-items:center;gap:6px;min-width:150px;max-width:220px;height:26px;padding:0 8px;display:inline-flex}.taskbar-item.is-active{background:linear-gradient(#193e9c,#1f4fb6)}.taskbar-item__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.system-tray{color:#fff;background:linear-gradient(#0f99f5,#0f4fb8);border-left:1px solid #144492;align-items:center;gap:6px;height:100%;padding:0 10px;display:flex}.system-tray__clock{text-align:center;min-width:58px}.start-menu{left:0;bottom:var(--taskbar-height);z-index:15000;background:#fff;border:1px solid #0a4fb5;border-radius:7px 7px 0 0;flex-direction:column;width:min(420px,100vw);display:flex;position:fixed;overflow:hidden;box-shadow:0 20px 40px #092a656b}.start-menu__header{color:#fff;background:linear-gradient(#2c79f5,#0f5dc9);align-items:center;gap:12px;padding:10px 12px;display:flex}.start-menu__avatar{object-fit:cover;border:2px solid #fff;border-radius:4px;width:44px;height:44px}.start-menu__identity{flex-direction:column;gap:3px;display:flex}.start-menu__identity span{color:#ffffffd6}.start-menu__body{min-height:294px;display:flex}.start-menu__column{flex-direction:column;gap:2px;padding:8px;display:flex}.start-menu__column--left{background:#fff;flex:1}.start-menu__column--right{background:#d3e5fa;border-left:1px solid #a7c1e8;width:164px}.start-menu__item{cursor:pointer;text-align:left;color:#25365d;border-radius:4px;align-items:center;gap:8px;width:100%;padding:7px;display:flex}.start-menu__item:hover{color:#fff;background:#316ac5}.start-menu__footer{background:linear-gradient(#2c79f5,#0f5dc9);justify-content:flex-end;padding:8px 12px;display:flex}.shutdown-button,.dialog-button{cursor:pointer;color:#153a7a;background:linear-gradient(#fff,#dbe4f9);border:1px solid #6d8ad0;border-radius:4px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.shutdown-button__icon{width:18px;height:18px}.shutdown-overlay{z-index:20000;background:#0000006b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shutdown-dialog{color:#fff;background:linear-gradient(#039,#0050cd);border:1px solid #fff;border-radius:7px;width:min(360px,100vw - 30px);padding:4px;box-shadow:0 20px 36px #00000075}.shutdown-dialog__title{padding:14px 16px 0;font-size:19px}.shutdown-dialog__actions{background:linear-gradient(#6287d8,#039);border:1px solid #82a8ff;justify-content:space-around;gap:10px;margin:12px;padding:22px 16px;display:flex}.shutdown-choice{color:#fff;cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.shutdown-choice__icon{background-color:#ffffff14;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:8px;width:42px;height:42px}.shutdown-choice__icon--standby{background-image:url(/assets/shutdown/standby.png)}.shutdown-choice__icon--shutdown{background-image:url(/assets/shutdown/shutdown.png)}.shutdown-choice__icon--restart{background-image:url(/assets/shutdown/restart.png)}.shutdown-dialog__footer{justify-content:flex-end;padding:0 16px 16px;display:flex}.resize-handle{z-index:2;position:absolute}.resize-handle--n,.resize-handle--s{height:8px;left:0;right:0}.resize-handle--n{cursor:n-resize;top:-4px}.resize-handle--s{cursor:s-resize;bottom:-4px}.resize-handle--e,.resize-handle--w{width:8px;top:0;bottom:0}.resize-handle--e{cursor:e-resize;right:-4px}.resize-handle--w{cursor:w-resize;left:-4px}.resize-handle--ne,.resize-handle--nw,.resize-handle--se,.resize-handle--sw{width:12px;height:12px}.resize-handle--ne{cursor:ne-resize;top:-4px;right:-4px}.resize-handle--nw{cursor:nw-resize;top:-4px;left:-4px}.resize-handle--se{cursor:se-resize;bottom:-4px;right:-4px}.resize-handle--sw{cursor:sw-resize;bottom:-4px;left:-4px}.boot-screen{z-index:30000;color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.boot-screen__logo{object-fit:contain;width:56px;height:56px;margin-bottom:10px}.boot-screen__label{font-size:15px;font-weight:700}.boot-screen__title{margin-top:4px;font-size:42px;font-weight:700}.boot-screen__title span{color:#ff7a00;margin-left:2px;font-size:25px}.boot-screen__loader{border:1px solid #5f5f5f;width:210px;height:16px;margin-top:34px;position:relative;overflow:hidden}.boot-screen__loader span{background:linear-gradient(#2d5082,#6d95d0,#2d5082);border-radius:2px;width:18px;height:12px;animation:1.9s linear infinite boot-slide;position:absolute;top:1px;left:-28px}.boot-screen__loader span:nth-child(2){animation-delay:.18s}.boot-screen__loader span:nth-child(3){animation-delay:.36s}.power-screen{color:#fff;background:#000;place-items:center;width:100%;height:100%;display:grid}.power-screen__message{font-size:24px}.icon-sprite{background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:16px;height:16px;display:inline-block}.desktop-icon .icon-sprite,.folder-item__icon.icon-sprite{width:48px;height:48px}.icon--computer{background-image:url(/assets/mycomputer.png)}.icon--user{background-image:url(/assets/me/profile.jpeg)}.icon--contact,.icon--email{background-image:url(/assets/outlook_large.png)}.icon--github{background-image:url(/assets/github.png)}.icon--linkedin{background-image:url(/assets/linkedin.png)}.icon--recycle,.icon--trash{background-image:url(/assets/recycling_bin.png)}.icon--help{background-image:url(/assets/help.png)}.icon--folder{background-image:url(/assets/folder.png)}.icon--drive{background-image:url(/assets/localdisc\(c\).ico)}.icon--folder-projects,.icon--project{background-image:url(/assets/folder_program.png)}.icon--folder-security,.icon--security,.icon--cert{background-image:url(/assets/security.png)}.icon--folder-certifications{background-image:url(/assets/green_shield.png)}.icon--folder-skills,.icon--tool{background-image:url(/assets/hardware.png)}.icon--text{background-image:url(/assets/doc.png)}.icon--pdf{background-image:url(/assets/pdf.png)}.icon--media{background-image:url(/assets/mediaplayer.png)}.icon--network{background-image:url(/assets/internet.png)}.icon--sound{background-image:url(/assets/sound.png)}.icon--phone{background-image:url(/assets/msn.png)}.icon--power{background-image:url(/assets/shutdown.png)}@keyframes boot-slide{0%{left:-24px}to{left:220px}}@keyframes equalize{0%{transform:scaleY(.18)}to{transform:scaleY(1)}}@media (width<=900px){.window-frame{border-width:0;border-radius:0;width:100vw!important;height:calc(100vh - var(--taskbar-height))!important;top:0!important;left:0!important}.resize-handle,.explorer-sidebar{display:none}.contact-list,.about-panel__columns,.about-panel__sections{grid-template-columns:1fr}.taskbar-item{justify-content:center;min-width:54px;max-width:54px}.taskbar-item__label{display:none}.start-menu{width:100vw}.start-menu__body{flex-direction:column}.start-menu__column--right{width:100%}}