:root{--top-bar-height: 32px;--dock-width: 72px;--top-bar-bg: rgba(45, 45, 45, .95);--dock-bg: rgba(45, 45, 45, .92);--window-bg: rgba(40, 40, 40, .96);--window-header-bg: rgba(50, 50, 50, .98);--accent-color: #E95420;--text-color: #eee;--font-main: "Ubuntu", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);color:var(--text-color);overflow:hidden;line-height:1.6}#app{width:100vw;height:100vh;position:relative;overflow:hidden}#top-bar{position:fixed;top:0;left:0;width:100%;height:var(--top-bar-height);background-color:var(--top-bar-bg);display:flex;justify-content:space-between;align-items:center;padding:0 12px;z-index:2000;box-shadow:0 1px 3px #0000004d;font-size:.9rem;font-weight:500;-webkit-user-select:none;user-select:none}.top-bar-left,.top-bar-center,.top-bar-right{display:flex;align-items:center;height:100%}.activities-btn{cursor:pointer;padding:4px 12px;height:80%;display:flex;align-items:center;border-radius:100px;font-size:.9rem;transition:background-color .2s}.activities-btn:hover{background-color:#ffffff1a}.clock{font-weight:500;cursor:default;font-size:.9rem}.system-tray{display:flex;gap:12px;align-items:center}.tray-item{display:flex;align-items:center;justify-content:center;padding:0 4px;cursor:pointer;transition:opacity .2s}.tray-item:hover{opacity:.7}.tray-item svg{width:16px;height:16px}#dock{position:fixed;top:var(--top-bar-height);left:0;width:var(--dock-width);height:calc(100vh - var(--top-bar-height));background-color:var(--dock-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1900;display:flex;flex-direction:column;align-items:center;padding-top:8px;padding-bottom:8px;border-right:1px solid rgba(255,255,255,.05)}.dock-container{display:flex;flex-direction:column;align-items:center;width:100%;gap:8px}.app-launcher{width:48px;height:48px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#eee;display:flex;align-items:center;justify-content:center;transition:background .2s}.app-launcher svg{color:#fff;stroke:#fff}.app-launcher:hover{background-color:#ffffff1a}.dock-separator{width:32px;height:1px;background-color:#fff3;margin:4px 0}.dock-apps{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.dock-app{width:48px;height:48px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s}.dock-app:hover{background-color:#ffffff1a}.dock-app.active{background-color:#ffffff26}.dock-app.running:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:4px;height:4px;background-color:var(--accent-color);border-radius:50%}.dock-app.active:after{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:5px;height:5px;background-color:var(--accent-color);border-radius:50%;box-shadow:0 0 4px var(--accent-color)}.dock-app svg,.dock-app img{width:30px;height:30px;color:#fff;stroke:#fff;fill:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}#desktop{position:absolute;top:var(--top-bar-height);left:var(--dock-width);width:calc(100vw - var(--dock-width));height:calc(100vh - var(--top-bar-height));overflow:hidden}.desktop-background{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/wallpaper-DpYYnHa6.png) center center / cover no-repeat;z-index:0}.desktop-icons{position:absolute;top:20px;left:20px;display:grid;grid-template-columns:repeat(auto-fill,100px);gap:20px;z-index:10}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;width:100px;cursor:pointer;border-radius:8px;transition:background .2s;-webkit-user-select:none;user-select:none}.desktop-icon:hover{background:#ffffff26}.desktop-icon .icon-svg{width:48px;height:48px;color:#fff;stroke:#fff;fill:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.4)) drop-shadow(0 1px 2px rgba(0,0,0,.2));stroke-width:1.5;transition:all .2s ease}.desktop-icon:hover .icon-svg{filter:drop-shadow(0 6px 12px rgba(0,0,0,.7)) drop-shadow(0 3px 6px rgba(0,0,0,.5)) drop-shadow(0 1px 3px rgba(0,0,0,.3));transform:translateY(-2px)}.desktop-icon .icon-img{width:48px;height:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.4)) drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:all .2s ease}.desktop-icon:hover .icon-img{filter:drop-shadow(0 6px 12px rgba(0,0,0,.7)) drop-shadow(0 3px 6px rgba(0,0,0,.5)) drop-shadow(0 1px 3px rgba(0,0,0,.3));transform:translateY(-2px)}.desktop-icon span{font-size:.9rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.8);color:#fff;font-weight:500}#windows-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none}.window{position:absolute;background:var(--window-bg);border-radius:12px;box-shadow:0 10px 40px #0009;display:none;flex-direction:column;min-width:400px;min-height:300px;max-width:90%;max-height:90%;pointer-events:auto;overflow:hidden;border:1px solid rgba(0,0,0,.2)}.window.active{display:flex;animation:windowOpen .2s ease-out}.window.minimized{display:none}.window.maximized{top:0!important;left:0!important;width:100%!important;height:100%!important;border-radius:0;border:none}#about-window{top:100px;left:150px;width:700px;height:550px}#experience-window{top:120px;left:180px;width:750px;height:600px}#projects-window{top:80px;left:200px;width:800px;height:650px}#skills-window{top:140px;left:220px;width:700px;height:550px}#contact-window{top:100px;left:240px;width:650px;height:600px}@keyframes windowOpen{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.window-titlebar{background:var(--window-header-bg);padding:10px 16px;display:flex;justify-content:space-between;align-items:center;cursor:move;-webkit-user-select:none;user-select:none;height:46px;border-bottom:1px solid rgba(0,0,0,.3)}.window-title{font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:10px;color:#eee}.titlebar-icon{width:18px;height:18px;color:#fff;stroke:#fff;fill:none}.window-controls{display:flex;gap:8px}.window-btn{width:24px;height:24px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#ccc;background:#ffffff1a;transition:all .2s}.window-btn:hover{background:#fff3;color:#fff}.close-btn:hover{background:#e95420;color:#fff}.window-content{flex:1;overflow-y:auto;padding:30px;background:var(--window-bg);color:var(--text-color)}.window-content::-webkit-scrollbar{width:10px}.window-content::-webkit-scrollbar-track{background:transparent}.window-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px;border:2px solid var(--window-bg)}.window-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}h1,h2,h3{color:#fff;margin-bottom:1rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.text-gradient{background:linear-gradient(to right,var(--accent-color),#FF8C50);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}p{color:#ccc;line-height:1.8;margin-bottom:1rem}a{color:var(--accent-color);text-decoration:none;transition:color .2s}a:hover{color:#ff6c3c}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{font-size:1.4rem;color:#fff;transition:all .2s}.social-links a:hover{color:var(--accent-color);transform:translateY(-2px)}.resume-btn{display:inline-flex;align-items:center;gap:4px;font-size:.6rem;padding:6px 12px;background:var(--accent-color);border-radius:4px;color:#fff!important;text-decoration:none!important;font-weight:500;transition:all .2s}.resume-btn:hover{background:#ff6c3c;transform:translateY(-2px)}.education-section{margin-top:30px}.education-item{margin-bottom:20px;padding-left:15px;border-left:3px solid var(--accent-color)}.education-item h4{color:var(--accent-color);margin-bottom:5px}.education-item p{margin-bottom:5px}.experience-item{margin-bottom:30px;padding:20px;background:#ffffff08;border-radius:8px;border-left:3px solid var(--accent-color)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.job-title{font-size:1.2rem;color:#fff;font-weight:600}.company-name{color:var(--accent-color);font-weight:500;margin-top:5px}.date-range{color:#999;font-size:.9rem;white-space:nowrap}.experience-item ul{padding-left:20px;color:#ccc}.experience-item li{margin-bottom:8px;line-height:1.6}.projects-grid{display:grid;grid-template-columns:1fr;gap:25px;margin-top:20px}.project-card{background:#ffffff08;padding:25px;border-radius:10px;border-left:3px solid var(--accent-color);transition:all .3s}.project-card:hover{background:#ffffff0d;transform:translateY(-2px)}.project-card h3{color:#fff;margin-bottom:15px}.project-description{color:#ccc;margin-bottom:15px;line-height:1.6}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tech-badge{padding:4px 12px;background:#e9542033;border:1px solid var(--accent-color);border-radius:12px;font-size:.8rem;color:var(--accent-color)}.project-links{display:flex;gap:15px}.project-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff0d;border-radius:6px;color:#fff;font-size:.9rem;transition:all .2s}.project-link:hover{background:#ffffff14;transform:translateY(-1px)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:20px}.skill-category{background:#ffffff08;padding:20px;border-radius:10px}.skill-category h3{color:var(--accent-color);font-size:1.1rem;margin-bottom:15px}.skill-category ul{list-style:none}.skill-category li{padding:8px 0;color:#ccc;border-bottom:1px solid rgba(255,255,255,.05)}.skill-category li:last-child{border-bottom:none}.contact-form{max-width:600px;margin-top:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#fff;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-family:var(--font-main);font-size:.95rem;transition:all .2s}.form-group textarea{min-height:120px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);background:#ffffff14;box-shadow:0 0 0 3px #e954201a}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.submit-btn{padding:12px 30px;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;font-size:1rem;font-family:var(--font-main);transition:all .2s}.submit-btn:hover{background:#ff6c3c;transform:translateY(-2px)}.window.terminal{background:#300a24}.window.terminal .window-titlebar{background:#300a24fa}.terminal-content{background:#300a24;padding:15px;font-family:Ubuntu Mono,monospace;font-size:14px;line-height:1.5;color:#f0f0f0}#terminal-output{margin-bottom:10px;min-height:300px}.terminal-line{margin-bottom:5px;white-space:pre-wrap;word-wrap:break-word}.terminal-input-line{display:flex;align-items:center;gap:8px}.terminal-prompt{color:#8ae234;font-weight:700}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:#f0f0f0;font-family:Ubuntu Mono,monospace;font-size:14px;caret-color:#f0f0f0}.terminal-command,.terminal-output-text{color:#f0f0f0}.terminal-error{color:#fc3b3b}.terminal-success{color:#8ae234}#terminal-window{width:750px;height:500px}.dock-icon-wrapper{position:relative;width:30px;height:30px}.dock-overlay-icon{position:absolute;bottom:-2px;right:-2px;width:14px!important;height:14px!important;background:#2d2d2df2;border-radius:3px;padding:1px;border:1px solid rgba(255,255,255,.3);color:#fff;stroke:#fff}.icon-wrapper{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.icon-wrapper .icon-img{width:48px;height:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.4))}.icon-overlay{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:#2d2d2de6;border-radius:4px;padding:2px;border:1px solid rgba(255,255,255,.3);color:#fff;stroke:#fff;fill:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.dock-app>svg,.dock-app>img{width:30px;height:30px;color:#fff;stroke:#fff;fill:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.dock-icon-wrapper{position:relative;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.dock-icon-wrapper img{width:30px;height:30px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.dock-overlay-icon{position:absolute;bottom:-2px;right:-2px;width:14px!important;height:14px!important;background:#2d2d2df2;border-radius:3px;padding:1px;border:1px solid rgba(255,255,255,.3);color:#fff;stroke:#fff;fill:none}