body{margin:0;padding:0;font-family:Tahoma,sans-serif;overflow:hidden}.desktop{height:100vh;background:url(/bliss.jpg) center/cover no-repeat;position:relative}.taskbar{position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(to bottom,#245edb,#1941a5,#0d2d85);display:flex;align-items:center;padding:0 4px;border-top:1px solid #316ac5;box-shadow:inset 0 1px #fff3}.start-button{background:linear-gradient(to bottom,#4a90e2,#316ac5);border:1px solid #1941a5;border-radius:3px;color:#fff;font-weight:700;font-size:11px;padding:4px 8px;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:inset 1px 1px #ffffff4d;min-height:30px}.start-button:hover{background:linear-gradient(to bottom,#5ca0f2,#4180d5);box-shadow:inset 1px 1px #fff6}.start-button:active{background:linear-gradient(to bottom,#2060c2,#1941a5);box-shadow:inset 1px 1px 2px #0000004d}.windows-logo{width:16px;height:16px;background:#fff;border-radius:2px;position:relative;border:1px solid #ccc}.windows-logo:before{content:"";position:absolute;top:2px;left:2px;width:5px;height:5px;background:red;border-radius:1px}.windows-logo:after{content:"";position:absolute;top:2px;right:2px;width:5px;height:5px;background:#0f0;border-radius:1px;box-shadow:0 6px #00f,-6px 6px #ff0}.start-menu{position:absolute;bottom:40px;left:0;width:320px;background:#f0f0f0;border:2px solid #0054e3;border-bottom:none;display:none;box-shadow:2px 2px 8px #0006;border-radius:8px 8px 0 0}.start-menu.show{display:block}.start-menu-header{background:linear-gradient(to right,#2d5aa0,#1941a5);color:#fff;padding:12px 16px;font-weight:700;font-size:12px;border-radius:6px 6px 0 0;display:flex;align-items:center;gap:8px}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#4a90e2,#316ac5);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.start-menu-item{padding:6px 12px;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e0e0e0;transition:all .1s ease}.start-menu-item:hover{background:linear-gradient(to right,#316ac5,#4a90e2);color:#fff;border-bottom-color:transparent}.start-menu-item:last-child{border-bottom:none}.start-menu-item:before{content:"";width:24px;height:24px;background:#4a90e2;border-radius:3px;flex-shrink:0;box-shadow:inset 1px 1px #ffffff80,1px 1px 2px #0003;position:relative}.start-menu-item[data-window=about]:before{background:linear-gradient(135deg,#4a90e2,#316ac5)}.start-menu-item[data-window=projects]:before{background:linear-gradient(135deg,gold,#ffb347)}.start-menu-item[data-window=skills]:before{background:linear-gradient(135deg,#90ee90,#32cd32)}.start-menu-item[data-window=contact]:before{background:linear-gradient(135deg,#ff6b6b,#ff4757)}.window{position:absolute;background:#ece9d8;border:3px solid;border-color:#e3ddd7 #b8b5b2 #b8b5b2 #e3ddd7;min-width:450px;min-height:320px;display:none;box-shadow:4px 4px 12px #0006;border-radius:8px 8px 0 0}.window.show{display:block}.window-title-bar{background:linear-gradient(to bottom,#0054e3,#4a90e2,#0041c2);color:#fff;padding:6px 8px;font-size:11px;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:move;border-radius:5px 5px 0 0;box-shadow:inset 1px 1px #ffffff4d;min-height:20px}.window-title-bar.inactive{background:linear-gradient(to bottom,#7a7a7a,#9a9a9a,#5a5a5a)}.window-control-btn{width:18px;height:16px;background:linear-gradient(to bottom,#f0f0f0,#d4d0c8);border:1px solid;border-color:#ffffff #808080 #808080 #ffffff;font-size:9px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;font-family:Marlett,monospace}.window-control-btn:hover{background:linear-gradient(to bottom,#fff,#e8e5de)}.window-control-btn:active{border-color:#808080 #ffffff #ffffff #808080;background:linear-gradient(to bottom,#d4d0c8,#f0f0f0)}.close-btn:hover{background:linear-gradient(to bottom,#ff6b6b,#ff4757);color:#fff}.window-content{padding:16px;background:#ece9d8;height:calc(100% - 32px);overflow-y:auto;font-size:11px}.window-content h2{font-size:16px;color:navy;margin:0 0 12px;font-weight:700}.window-content h3{font-size:13px;color:navy;margin:12px 0 6px}.window-content p{line-height:1.4;margin:8px 0}.system-clock{margin-left:auto;color:#fff;font-size:11px;text-align:center;padding:4px 8px;background:linear-gradient(to bottom,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:2px;min-width:60px}.start-submenu{position:absolute;left:100%;top:0;width:280px;background:#f0f0f0;border:2px solid #0054e3;border-left:none;box-shadow:2px 2px 8px #0006;display:none;border-radius:0 8px 8px 0}.start-submenu.show{display:block}.submenu-header{background:linear-gradient(to right,#1941a5,#2d5aa0);color:#fff;padding:8px 12px;font-weight:700;font-size:11px;border-radius:0 6px 0 0}.submenu-item{padding:4px 12px;cursor:pointer;font-size:10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e0e0e0;transition:all .1s ease}.submenu-item:hover{background:linear-gradient(to right,#316ac5,#4a90e2);color:#fff;border-bottom-color:transparent}.submenu-item:last-child{border-bottom:none}.start-menu-item.has-submenu:after{content:"▶";margin-left:auto;font-size:8px;color:#666}.start-menu-item.has-submenu:hover:after{color:#fff}.start-menu-item{position:relative}@media (max-width: 768px){body{overflow:auto!important}.taskbar,.start-menu,.windows-logo{display:none!important}.desktop{background:linear-gradient(135deg,#667eea,#764ba2);height:auto;min-height:100vh;overflow:auto;padding:20px;box-sizing:border-box}.window{position:relative!important;top:auto!important;left:auto!important;display:block!important;width:100%!important;min-width:auto!important;min-height:auto!important;margin-bottom:20px;border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;background:#fff}.window-title-bar{background:#667eea;border-radius:8px 8px 0 0;padding:12px 16px;cursor:default}.window-controls{display:none}.window-content{background:#fff;border-radius:0 0 8px 8px;padding:20px;font-size:14px}.window-content h2{font-size:20px;margin-bottom:16px}.window-content h3{font-size:16px;margin:16px 0 8px}.window-content p{line-height:1.6;margin:12px 0}.mobile-nav{position:fixed;top:0;left:0;right:0;background:#667eeaf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;z-index:1000;box-shadow:0 2px 10px #0000001a}.mobile-nav h1{color:#fff;font-size:18px;margin:0;font-weight:700}.mobile-menu-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.desktop{padding-top:70px}.window-content div[style*=grid-template-columns]{display:block!important}.window-content div[style*=grid-template-columns]>div{margin-bottom:20px}}.mobile-nav{display:none}@media (max-width: 768px){.mobile-nav{display:flex}}