@font-face{font-family:AlarmClock;src:url(../fonts/alarm-clock.ttf);font-weight:400;font-style:normal}*{margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}#container{width:100%;height:100%;margin:0;padding:0;background-color:#000;touch-action:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:auto}.loading-percent{position:absolute;top:50%;width:100%;margin-top:-25px;text-align:center;vertical-align:bottom;color:#fff;font-size:26px;font-family:sans-serif}.loading-percent.ended{opacity:0;transition:opacity .3s ease-in-out}.intro-ui-element{position:absolute;transform:translate(-50%,-50%);font-family:Outfit,sans-serif;cursor:pointer}.intro-ui:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 20%,rgba(249,115,22,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.7) 0%,rgba(0,0,0,.85) 100%);pointer-events:none;z-index:-1}.show-intro-button{top:50%;left:50%}.show-intro-button-image{position:absolute;transform:translate(-50%,-50%);left:50%;top:50%}.show-intro-button-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:#fff;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.resume-button{top:calc(50% + 140px);left:50%;font-family:Outfit,sans-serif;font-size:11px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:#fff;padding:14px 32px;border:none;border-radius:50px;background:linear-gradient(135deg,rgba(249,115,22,.8) 0%,rgba(234,88,12,.9) 100%);box-shadow:0 4px 20px #f9731666,inset 0 1px #fff3;transition:all .4s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.resume-button:hover{transform:translate(-50%,-50%) translateY(-3px) scale(1.02);box-shadow:0 8px 30px #f9731680,inset 0 1px #ffffff4d}.enable-music-button{top:calc(50% + 80px);left:50%;width:210px}.enable-music-text{font-family:Outfit,sans-serif;font-size:12px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#ffffffb3;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .4s ease;float:left}.checkbox{margin-left:10px;margin-bottom:-4.5%;transition:all .4s ease;filter:brightness(100%) invert(0%)}.skip-button{top:calc(50% + 180px);left:50%;font-family:Outfit,sans-serif;font-size:11px;font-weight:400;letter-spacing:4px;text-transform:uppercase;color:#fff6;width:170px;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .4s ease}.developer-name{top:20%;left:50%;font-family:Space Grotesk,sans-serif;font-size:clamp(48px,7vw,80px);font-weight:700;letter-spacing:-3px;color:#fff;text-align:center;cursor:auto;text-shadow:0 0 80px rgba(255,255,255,.3),0 0 120px rgba(249,115,22,.2),0 4px 30px rgba(0,0,0,.5)}.developer-occupation{font-family:Outfit,sans-serif;font-size:clamp(13px,1.6vw,16px);font-weight:300;letter-spacing:10px;text-transform:uppercase;color:#fff9;text-align:center;cursor:auto;text-shadow:0 2px 15px rgba(0,0,0,.5)}.intro-ui-element.button-hide{opacity:0;transform:translate(-50%,-50%) translateY(15px);transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.intro-ui-element.button-show{opacity:1;transform:translate(-50%,-50%) translateY(0);transition:all .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #f973164d}50%{box-shadow:0 0 50px #f9731680}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ffffff1a}50%{box-shadow:0 0 40px #fff3}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (hover: hover){.skip-button:hover{color:#fffc}.enable-music-button:hover>.checkbox{filter:brightness(120%)}.enable-music-button:hover>.enable-music-text{color:#fff}.show-intro-button:hover>.show-intro-button-text{color:#f97316;text-shadow:0 0 50px rgba(249,115,22,.7)}}@media screen and (min-width: 800px){.skip-button{top:calc(50% + 180px)}}@media screen and (max-width: 799px) and (orientation: portrait){.skip-button{top:calc(50% + 180px)}}@media screen and (max-height: 800px) and (orientation: landscape){.skip-button{top:85%}.developer-name{width:1000px}}.intro-ui:after{content:"";position:fixed;top:50%;left:50%;width:800px;height:800px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(249,115,22,.08) 0%,transparent 60%);pointer-events:none;z-index:-1;animation:pulse-glow 4s ease-in-out infinite}.intro-ui .corner-decoration{position:fixed;width:120px;height:120px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.intro-ui .corner-decoration.top-left{top:40px;left:40px;border-right:none;border-bottom:none;border-image:linear-gradient(135deg,rgba(249,115,22,.4),transparent) 1}.intro-ui .corner-decoration.top-right{top:40px;right:40px;border-left:none;border-bottom:none;border-image:linear-gradient(225deg,rgba(59,130,246,.4),transparent) 1}.intro-ui .corner-decoration.bottom-left{bottom:40px;left:40px;border-right:none;border-top:none;border-image:linear-gradient(45deg,rgba(59,130,246,.4),transparent) 1}.intro-ui .corner-decoration.bottom-right{bottom:40px;right:40px;border-left:none;border-top:none;border-image:linear-gradient(315deg,rgba(249,115,22,.4),transparent) 1}.intro-ui .side-text{position:fixed;font-family:Outfit,sans-serif;font-size:9px;font-weight:300;letter-spacing:5px;text-transform:uppercase;color:#fff3;writing-mode:vertical-rl;pointer-events:none}.intro-ui .side-text.left{left:40px;top:50%;transform:translateY(-50%) rotate(180deg)}.intro-ui .side-text.right{right:40px;top:50%;transform:translateY(-50%)}.intro-ui .bottom-bar{position:fixed;bottom:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;font-family:Outfit,sans-serif;font-size:9px;font-weight:300;letter-spacing:3px;text-transform:uppercase;color:#ffffff40;pointer-events:none}.intro-ui .bottom-bar .dot{width:4px;height:4px;background:rgba(249,115,22,.5);border-radius:50%}.intro-ui .gradient-line{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:250px;background:linear-gradient(to bottom,transparent,rgba(249,115,22,.3),rgba(59,130,246,.3),transparent);pointer-events:none;z-index:-1}.intro-ui .floating-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.intro-ui .particle{position:absolute;width:4px;height:4px;background:rgba(249,115,22,.4);border-radius:50%;animation:float-particle 15s infinite linear}.intro-ui .particle-1{left:20%;top:80%;animation-delay:0s;animation-duration:18s}.intro-ui .particle-2{left:80%;top:70%;animation-delay:-3s;animation-duration:22s;background:rgba(59,130,246,.3)}.intro-ui .particle-3{left:40%;top:90%;animation-delay:-6s;animation-duration:20s}.intro-ui .particle-4{left:60%;top:85%;animation-delay:-9s;animation-duration:25s;background:rgba(59,130,246,.2)}.intro-ui .particle-5{left:10%;top:75%;animation-delay:-12s;animation-duration:19s}@keyframes float-particle{0%{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px) scale(.5);opacity:0}}.monitor-os-ui{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;font-family:Ubuntu,Segoe UI,sans-serif}.os-desktop{width:100%;height:100%;position:relative;overflow:hidden}.os-wallpaper{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#2c001e 0%,#3d0a4e 25%,#1a237e 50%,#004d40 75%,#1b5e20 100%)}.os-icons{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:20px;z-index:10}.os-icon{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;padding:10px;border-radius:8px;transition:background .2s}.os-icon:hover{background:rgba(255,255,255,.1)}.os-icon-img{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.terminal-icon{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:2px solid #0f3460}.terminal-icon:before{content:">_";color:#4ade80;font-family:monospace;font-weight:700}.files-icon{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:2px solid #b45309}.files-icon:before{content:"\1f4c1";font-size:24px}.browser-icon{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:2px solid #1d4ed8}.browser-icon:before{content:"\1f310";font-size:24px}.editor-icon{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:2px solid #6d28d9}.editor-icon:before{content:"\1f4dd";font-size:24px}.os-icon span{color:#fff;font-size:12px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.os-taskbar{position:absolute;bottom:0;left:0;width:100%;height:48px;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100}.os-taskbar-start{display:flex;align-items:center;gap:8px}.os-taskbar-logo{width:32px;height:32px;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);border-radius:50%;cursor:pointer;transition:transform .2s}.os-taskbar-logo:hover{transform:scale(1.1)}.os-taskbar-apps{display:flex;gap:8px}.os-taskbar-tray{display:flex;align-items:center;gap:16px}.os-clock{color:#fff;font-size:14px;font-family:monospace}.os-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:500px;background:#1e1e2e;border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden;z-index:200;display:flex;flex-direction:column}.os-window-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#2d2d3f;cursor:move;user-select:none}.os-window-header span{color:#fff;font-weight:500}.os-window-close{width:24px;height:24px;border:none;background:#ef4444;color:#fff;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;transition:background .2s}.os-window-close:hover{background:#dc2626}.os-window-body{flex:1;overflow:auto;background:#1e1e2e}.terminal-body{padding:16px;font-family:Fira Code,Cascadia Code,monospace;font-size:14px;color:#a6e3a1}.terminal-output{white-space:pre-wrap;margin-bottom:8px}.terminal-input-line{display:flex;align-items:center}.terminal-prompt{color:#89b4fa}.terminal-input{flex:1;background:none;border:none;color:#cdd6f4;font-family:inherit;font-size:inherit;outline:none}.files-body{display:flex;height:100%}.files-sidebar{width:180px;background:#2d2d3f;padding:16px 0;border-right:1px solid #3d3d5c}.files-sidebar-item{padding:10px 16px;color:#a6adc8;cursor:pointer;transition:all .2s}.files-sidebar-item:hover{background:#3d3d5c;color:#fff}.files-sidebar-item.active{background:#7c3aed;color:#fff}.files-content{flex:1;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;align-content:start}.files-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s;color:#cdd6f4;font-size:12px;text-align:center}.files-item:hover{background:#3d3d5c}.files-item.folder:before{content:"\1f4c1";font-size:32px}.files-item.file:before{content:"\1f4c4";font-size:32px}.browser-body{display:flex;flex-direction:column}.browser-toolbar{padding:8px 12px;background:#2d2d3f;border-bottom:1px solid #3d3d5c}.browser-url{width:100%;padding:8px 12px;background:#1e1e2e;border:1px solid #3d3d5c;border-radius:6px;color:#cdd6f4;font-size:14px}.browser-content{flex:1;display:flex;align-items:center;justify-content:center;background:#1e1e2e}.browser-placeholder{text-align:center;color:#a6adc8}.browser-logo{font-size:64px;margin-bottom:16px}.browser-placeholder a{color:#89b4fa;text-decoration:none}.browser-placeholder a:hover{text-decoration:underline}.editor-body{display:flex;flex-direction:column}.editor-tabs{display:flex;background:#2d2d3f;border-bottom:1px solid #3d3d5c}.editor-tab{padding:10px 20px;color:#a6adc8;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.editor-tab:hover{color:#fff}.editor-tab.active{color:#fff;border-bottom-color:#7c3aed;background:#1e1e2e}.editor-content{flex:1;overflow:auto;background:#1e1e2e}.editor-code{padding:16px;margin:0;font-family:Fira Code,Cascadia Code,monospace;font-size:14px;color:#cdd6f4;line-height:1.6}.editor-code code{font-family:inherit}