@import"https://fonts.googleapis.com/css2?family=VT323&family=Fira+Code:wght@400;700&display=swap";#boot-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;color:var(--matrix-green);padding:40px;z-index:10000;font-family:var(--font-code);font-size:14px;display:flex;flex-direction:column;justify-content:flex-start;transition:opacity .5s}@media(max-width:768px){#boot-screen{padding:20px 16px;font-size:12px}.boot-line{margin-bottom:2px}}#boot-screen.fade-out{opacity:0}.boot-line{opacity:0;animation:typeLine .1s forwards;margin-bottom:4px}@keyframes typeLine{to{opacity:1}}.crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;pointer-events:none;z-index:9999;animation:flicker .15s infinite}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;box-shadow:0 0 150px #000000b3 inset;pointer-events:none;z-index:9998}@keyframes flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.9}15%{opacity:.95}20%{opacity:.99}50%{opacity:.95}to{opacity:.98}}#desktop{position:relative;width:100%;min-height:100vh;height:100%;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}@media(max-width:768px){#desktop{padding:12px 16px;gap:12px;flex-direction:row;flex-wrap:wrap;align-content:flex-start;justify-content:center}}#desktop:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:1}@media(max-width:768px){#desktop:before{background-size:24px 24px}}.desktop-icon{width:120px;display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center;border:2px solid transparent;padding:15px 10px;transition:all .3s ease;color:var(--command-white);position:relative;background:#0000004d;border-radius:4px}.desktop-icon:before{content:"";position:absolute;inset:0;border:1px solid var(--matrix-green);border-radius:4px;opacity:0;transition:opacity .3s ease}.desktop-icon:hover{background:#00d9ff26;border-color:var(--matrix-green);transform:translateY(-5px);box-shadow:0 8px 20px #00d9ff4d}.desktop-icon:hover:before{opacity:1}.desktop-icon:active{transform:translateY(-2px)}.icon-graphic{font-family:var(--font-code);font-size:40px;margin-bottom:10px;text-shadow:0 0 10px var(--matrix-green),2px 2px 4px #000;transition:all .3s ease;filter:drop-shadow(0 0 5px rgba(0,217,255,.5))}.desktop-icon:hover .icon-graphic{transform:scale(1.1);text-shadow:0 0 15px var(--matrix-green),0 0 25px var(--matrix-green),2px 2px 4px #000;filter:drop-shadow(0 0 10px rgba(0,217,255,.8))}.icon-label{font-size:14px;background:#000c;padding:4px 8px;border:1px solid var(--matrix-green);border-radius:2px;font-weight:700;letter-spacing:1px;transition:all .3s ease;box-shadow:0 2px 4px #00000080}.desktop-icon:hover .icon-label{background:#00d9ff33;color:var(--matrix-green);box-shadow:0 0 10px #00d9ff80}@media(max-width:768px){.desktop-icon{width:calc(50vw - 24px);min-width:0;max-width:140px;padding:12px 8px;min-height:44px;-webkit-tap-highlight-color:transparent}.desktop-icon:hover{transform:none}.desktop-icon:active{transform:scale(.98);background:#00d9ff33;border-color:var(--matrix-green)}.icon-graphic{font-size:28px;margin-bottom:6px}.icon-label{font-size:11px;padding:3px 6px}}.badge-logo{position:absolute;bottom:40px;right:40px;width:120px;height:120px;border:2px solid var(--command-white);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:rotateBadge 20s linear infinite;opacity:.8;pointer-events:none}@media(max-width:768px){.badge-logo{bottom:12px;right:12px;width:64px;height:64px;opacity:.7}.badge-inner{font-size:8px}}.badge-inner{width:80%;height:80%;border:1px solid var(--matrix-green);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:var(--matrix-green)}@keyframes rotateBadge{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.window{position:absolute;background-color:var(--terminal-black);border:2px solid var(--command-white);box-shadow:8px 8px #00000080;min-width:300px;display:flex;flex-direction:column;opacity:0;transform:scale(.95);transition:opacity .2s,transform .2s;pointer-events:auto}.window.visible{opacity:1;transform:scale(1)}.window.active{z-index:100;border-color:var(--matrix-green);box-shadow:12px 12px #0009}.window.active .window-header{background:var(--matrix-green);color:#000}.window-header{background:var(--command-white);color:#000;padding:4px 8px;font-family:var(--font-code);font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:grab;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--command-white)}.window-header:active{cursor:grabbing}.window-controls{display:flex;gap:8px}.control-btn{width:16px;height:16px;border:1px solid #000;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;background:#fff}.control-btn:hover{background:#000;color:#fff}.window-content{padding:16px;color:var(--matrix-green);font-family:var(--font-code);font-size:14px;line-height:1.6;height:100%;overflow:visible;position:relative;background-color:#000;background-image:repeating-linear-gradient(0deg,rgba(0,217,255,.03) 0px,rgba(0,217,255,.03) 1px,transparent 1px,transparent 2px);text-shadow:0 0 5px rgba(0,217,255,.5);letter-spacing:.5px}.window-content::-webkit-scrollbar{width:12px}.window-content::-webkit-scrollbar-track{background:#000;border-left:1px solid var(--matrix-green)}.window-content::-webkit-scrollbar-thumb{background:var(--matrix-green)}.window-content p{margin:8px 0;font-family:var(--font-code);color:var(--matrix-green);text-shadow:0 0 3px rgba(0,217,255,.3)}.window-content p strong{color:var(--command-white);font-weight:700}.window-content h3{color:var(--command-white);text-shadow:0 0 5px rgba(0,217,255,.5);font-family:var(--font-code);margin:16px 0 12px;border-bottom:1px dashed var(--matrix-green);padding-bottom:8px}@media(max-width:768px){.window{min-width:280px}.window-header{padding:10px 12px;cursor:default;min-height:44px}.window-header:active{cursor:default}.window-controls{gap:12px}.control-btn{width:28px;height:28px;min-width:28px;min-height:28px;font-size:14px;-webkit-tap-highlight-color:transparent}.window-content{padding:12px;font-size:13px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--matrix-green) #111}.window-content::-webkit-scrollbar{width:10px}.window-content::-webkit-scrollbar-track{background:#111;border-left:1px solid rgba(0,217,255,.3)}.window-content::-webkit-scrollbar-thumb{background:var(--matrix-green);border-radius:5px;min-height:40px}.window-content::-webkit-scrollbar-thumb:active{background:var(--command-white)}.window-scroll-hint{flex-shrink:0;padding:6px 12px;font-size:11px;color:var(--matrix-green);text-align:center;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);border-top:1px solid rgba(0,217,255,.3);pointer-events:none}.window-content h3{margin:12px 0 8px;font-size:14px}}.window-content a{color:var(--matrix-green);text-decoration:underline;text-underline-offset:2px;transition:color .2s,text-shadow .2s}.window-content a:hover{color:var(--command-white);text-shadow:0 0 8px rgba(0,217,255,.8)}.prompt-line{display:block;margin-bottom:12px}.prompt-user{color:#5ff}.prompt-host{color:var(--matrix-green)}.prompt-path{color:#ff5}.cursor{display:inline-block;width:8px;height:16px;background:var(--matrix-green);animation:blink var(--cursor-blink-rate) infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.ascii-art{white-space:pre;font-size:10px;line-height:10px;color:var(--command-white);margin-bottom:20px;overflow-x:hidden}@media(max-width:768px){.ascii-art{font-size:6px;line-height:6px;margin-bottom:12px}.prompt-line{margin-bottom:8px;font-size:13px}.cursor{width:6px;height:14px}}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-1px 0 red;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 blue;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(12px,9999px,32px,0)}to{clip:rect(64px,9999px,86px,0)}}@keyframes glitch-anim2{0%{clip:rect(32px,9999px,52px,0)}to{clip:rect(84px,9999px,96px,0)}}.project-grid{display:grid;grid-template-columns:1fr;gap:16px}.project-item{border:1px solid var(--matrix-green);padding:10px;cursor:pointer}.project-item:hover{background:#00d9ff1a}.project-title{font-weight:700;color:#fff}.project-tech{color:#ff5;font-size:12px}h1,h2,h3{margin:0 0 16px;text-transform:uppercase;font-weight:400}.skill-bar{display:flex;align-items:center;margin-bottom:10px;gap:8px}.skill-name{min-width:140px;flex-shrink:0}.skill-track{flex-grow:1;background:#222;height:12px;border:1px solid var(--matrix-green);position:relative}.skill-fill{background:var(--matrix-green);height:100%;display:block}@media(max-width:768px){.skill-bar{flex-wrap:wrap;gap:6px;margin-bottom:8px}.skill-name{min-width:100%;font-size:12px}.skill-track{height:10px;width:100%}}input,textarea{background:transparent;border:none;border-bottom:1px solid var(--matrix-green);color:#fff;font-family:var(--font-code);width:100%;padding:8px 0;margin-bottom:16px}input:focus,textarea:focus{outline:none;border-bottom:2px solid #fff}button.submit-btn{background:var(--matrix-green);color:#000;border:none;padding:8px 16px;font-family:var(--font-code);cursor:pointer;font-weight:700;text-transform:uppercase}button.submit-btn:hover{background:#fff}@media(max-width:768px){input,textarea{padding:10px 0;margin-bottom:12px;font-size:16px}button.submit-btn{padding:12px 20px;min-height:44px;-webkit-tap-highlight-color:transparent}}:root{--bios-blue: #0a1929;--terminal-black: #0c0c0c;--matrix-green: #00D9FF;--alert-red: #FF3333;--command-white: #E0E0E0;--cursor-blink-rate: 1s;--scanline-opacity: .15;--font-main: "VT323", monospace;--font-code: "Fira Code", monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{margin:0;padding:0;background-color:var(--bios-blue);color:var(--command-white);font-family:var(--font-main);height:100vh;width:100vw;overflow:hidden;font-size:18px;cursor:text}@media(max-width:768px){body{overflow-x:hidden;-webkit-overflow-scrolling:touch}.window.window--mobile{left:50%!important;transform:translate(-50%);width:min(95vw,400px)!important;max-height:82vh!important}.window.window--mobile.visible{transform:translate(-50%) scale(1)}}