:root{--crt-bg-color: #008080;--flicker: 1}.crt-root{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse 120% 100% at 50% 40%,#1a1a1a,#0d0d0d 40%,#000)}.crt-monitor{position:relative;width:min(94vw,1200px);height:min(90vh,900px);background:linear-gradient(160deg,#e8e4dc,#d4cfc4 5%,#c8c2b6 20%,#b8b2a6,#a8a296 80%,#989286 95%,#888276);border-radius:20px 20px 24px 24px;padding:28px 32px 52px;box-shadow:0 50px 100px #000c,0 30px 60px #0009,inset 0 2px 1px #fff6,inset 0 -2px 4px #0000004d,inset 2px 0 3px #00000026,inset -2px 0 3px #00000026}.crt-monitor:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:30%;height:8px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.5) 0px,rgba(0,0,0,.5) 2px,transparent 2px,transparent 5px);border-radius:2px;opacity:.6}.crt-monitor:after{content:"";position:absolute;bottom:20px;left:40px;width:10px;height:10px;background:radial-gradient(circle,#0f0,#0a0 60%,#060);border-radius:50%;box-shadow:0 0 8px #0f0,0 0 16px #0f06,inset 0 -2px 4px #0000004d}.crt-brand{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-family:Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:4px;color:#666;text-shadow:0 1px 0 rgba(255,255,255,.3)}.crt-bezel{width:100%;height:100%;background:linear-gradient(135deg,#2a2a2a,#1a1a1a,#0a0a0a);border-radius:8px;padding:16px;box-shadow:inset 0 4px 16px #000,inset 0 2px 8px #000c,0 0 0 1px #00000080}.crt-screen{position:relative;width:100%;height:100%;background:var(--crt-bg-color);border-radius:4px;overflow:hidden;box-shadow:inset 0 0 80px 10px #0006,inset 0 0 40px #00000080,inset 0 0 4px #000c}.crt-content{position:absolute;inset:0;color:#000;font-family:W95FA,"MS Sans Serif",Segoe UI,Tahoma,sans-serif;font-size:14px;overflow:hidden;z-index:1;filter:brightness(var(--flicker))}.crt-scanlines{position:absolute;inset:0;z-index:10;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px)}.crt-scanlines:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,transparent 0%,rgba(255,255,255,.02) 50%,transparent 100%);background-size:100% 4px;animation:scanmove 8s linear infinite}@keyframes scanmove{0%{transform:translateY(0)}to{transform:translateY(100%)}}.crt-vignette{position:absolute;inset:0;z-index:11;pointer-events:none;background:radial-gradient(ellipse 70% 70% at 50% 50%,transparent 0%,transparent 60%,rgba(0,0,0,.2) 85%,rgba(0,0,0,.5) 100%)}.crt-glass-highlight{position:absolute;inset:0;z-index:12;pointer-events:none;background:radial-gradient(ellipse 150% 60% at 50% -20%,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 40%,transparent 70%),linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%);border-radius:inherit}.crt-rgb-shift{position:absolute;inset:0;z-index:9;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,0,0,.02) 0px,rgba(0,255,0,.02) 1px,rgba(0,0,255,.02) 2px,transparent 3px)}@media(max-width:720px){.crt-monitor{width:98vw;height:94vh;padding:16px 16px 40px;border-radius:12px 12px 16px 16px}.crt-bezel{padding:8px}}.crt-controls{position:absolute;bottom:16px;left:40px;display:flex;align-items:center;gap:16px}.crt-led{width:10px;height:10px;border-radius:50%;transition:all .3s ease}.crt-led-on{background:radial-gradient(circle,#0f0,#0a0 60%,#060);box-shadow:0 0 8px #0f0,0 0 16px #0f06,inset 0 -2px 4px #0000004d}.crt-led-off{background:radial-gradient(circle,#333,#222 60%,#111);box-shadow:inset 0 -2px 4px #00000080}.crt-power-button{width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#666,#444,#333);border:2px solid;border-color:#777 #222 #222 #777;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;box-shadow:0 2px 4px #0006,inset 0 1px 1px #fff3}.crt-power-button:hover{background:linear-gradient(180deg,#777,#555,#444)}.crt-power-button:active{border-color:#222 #777 #777 #222;transform:translateY(1px);box-shadow:0 1px 2px #0006,inset 0 1px 2px #0000004d}.crt-power-icon{font-size:12px;color:#aaa;line-height:1}.crt-power-button:hover .crt-power-icon{color:#fff}.crt-screen-off{background:#0a0a0a!important}.crt-screen-off:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 100% 100% at 30% 30%,rgba(40,40,40,.3) 0%,transparent 50%);z-index:1}.crt-monitor:after{display:none}:root{--win-bg: #008080;--win-gray: #c0c0c0;--win-dark: #808080;--win-light: #dfdfdf;--win-white: #ffffff;--win-black: #000000;--win-blue: #000080;--win-blue-light: #1084d0;--taskbar-height: 28px}.retro-desktop{position:relative;width:100%;height:100%;background:var(--win-bg);overflow:hidden;display:flex;flex-direction:column}.retro-desktop-workspace{flex:1;position:relative;overflow:hidden}.desktop-grid{position:absolute;inset:0;padding:8px;pointer-events:auto}.desktop-icon-button{position:relative;width:75px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4px;background:transparent;border:none;cursor:pointer;outline:none;font-family:W95FA,"MS Sans Serif",Tahoma,sans-serif;pointer-events:auto}.desktop-icon-highlight{position:absolute;inset:2px;border:1px dotted rgba(255,255,255,.8);background:#ffffff1a;pointer-events:none;opacity:0;transition:opacity .1s}.desktop-icon-highlight[data-visible=true]{opacity:1}.desktop-icon-selection{position:absolute;inset:2px;border:1px dotted #fff;background:#00008066;pointer-events:none;opacity:0}.desktop-icon-selection[data-visible=true]{opacity:1}.desktop-icon-image{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;font-size:28px;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.5))}.desktop-icon-label{font-size:13px;color:#fff;text-align:center;text-shadow:1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000;word-wrap:break-word;max-width:70px;line-height:1.2}.desktop-icon-label[data-selected=true]{background:var(--win-blue);color:#fff;padding:0 2px}.grid-highlight{position:absolute;pointer-events:none;z-index:0;border-radius:2px;transition:all .1s ease-out}.desktop-icon-button{position:relative;width:75px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4px;background:transparent;border:none;cursor:pointer;outline:none;font-family:W95FA,"MS Sans Serif",Tahoma,sans-serif;pointer-events:auto;z-index:1}.retro-window{position:absolute;min-width:200px;min-height:100px}.retro-window[data-maximized=true]{border-radius:0}.retro-window-outer-bevel{width:100%;height:100%;background:var(--win-gray);border:2px solid;border-color:var(--win-light) var(--win-dark) var(--win-dark) var(--win-light);box-shadow:inset 1px 1px 0 var(--win-white),inset -1px -1px 0 var(--win-black),2px 2px 8px #0000004d}.retro-window[data-maximized=true] .retro-window-outer-bevel{border-width:1px}.retro-window-inner{display:flex;flex-direction:column;height:100%;padding:2px}.retro-window-titlebar{display:flex;align-items:center;justify-content:space-between;height:22px;padding:2px 3px;background:linear-gradient(90deg,var(--win-blue) 0%,var(--win-blue-light) 100%);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.retro-window-titlebar:active{cursor:grabbing}.retro-window-titlebar[data-maximized=true]{cursor:default}.retro-window-titlebar-content{display:flex;align-items:center;gap:4px;overflow:hidden}.retro-window-icon{font-size:14px;flex-shrink:0}.retro-window-title{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retro-window-controls{display:flex;gap:2px;flex-shrink:0}.retro-window-btn{width:16px;height:14px;background:var(--win-gray);border:1px solid;border-color:var(--win-light) var(--win-dark) var(--win-dark) var(--win-light);font-size:9px;font-weight:700;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.retro-window-btn:active{border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark)}.retro-window-btn-minimize span{margin-top:4px}.retro-window-menubar{display:flex;gap:0;padding:2px 0;background:var(--win-gray);border-bottom:1px solid var(--win-dark)}.retro-menu-item{padding:2px 8px;font-size:13px;color:#000;cursor:pointer}.retro-menu-item:hover{background:var(--win-blue);color:#fff}.retro-window-content-wrapper{flex:1;margin:4px;border:2px solid;border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark);background:#fff;overflow:hidden;position:relative}.retro-window-content{width:100%;height:100%;padding:8px;overflow:auto;font-size:14px;color:#000}.retro-taskbar{height:var(--taskbar-height);flex-shrink:0;background:var(--win-gray);border-top:2px solid var(--win-light);display:flex;align-items:center;padding:2px;gap:4px;z-index:9999}.retro-start-button{display:flex;align-items:center;gap:4px;height:22px;padding:2px 6px;background:var(--win-gray);border:2px solid;border-color:var(--win-light) var(--win-dark) var(--win-dark) var(--win-light);font-size:11px;font-weight:700;color:#000;cursor:pointer;font-family:inherit;flex-shrink:0}.retro-start-button:active{border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark)}.retro-start-icon{font-size:14px}.retro-start-text{font-weight:700}.retro-taskbar-divider{width:2px;height:20px;background:linear-gradient(90deg,var(--win-dark) 0%,var(--win-light) 100%);margin:0 2px;flex-shrink:0}.retro-taskbar-windows{flex:1;display:flex;gap:3px;overflow:hidden;min-width:0}.retro-taskbar-button{display:flex;align-items:center;gap:4px;height:22px;min-width:100px;max-width:160px;padding:2px 6px;background:var(--win-gray);border:2px solid;border-color:var(--win-light) var(--win-dark) var(--win-dark) var(--win-light);font-size:13px;color:#000;cursor:pointer;font-family:inherit;overflow:hidden;flex-shrink:0}.retro-taskbar-button[data-minimized=false]{border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark);background:repeating-linear-gradient(90deg,var(--win-gray) 0px,var(--win-gray) 1px,var(--win-white) 1px,var(--win-white) 2px)}.retro-taskbar-button:active{border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark)}.retro-taskbar-button-icon{font-size:12px;flex-shrink:0}.retro-taskbar-button-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retro-system-tray{display:flex;align-items:center;gap:8px;height:22px;padding:2px 8px;background:var(--win-gray);border:2px solid;border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark);flex-shrink:0}.retro-tray-icons{display:flex;gap:4px;font-size:12px}.retro-clock{font-size:11px;color:#000;white-space:nowrap}@media(max-width:720px){.desktop-grid{grid-template-columns:repeat(auto-fill,65px);grid-template-rows:repeat(auto-fill,72px)}.desktop-icon-button{width:65px;height:72px}.retro-taskbar-button{min-width:80px;max-width:100px}.retro-start-text{display:none}}.about-content{height:100%;color:#000}.about-section{display:flex;flex-direction:column;gap:20px}.about-heading{font-size:18px;font-weight:700;color:var(--win-blue);border-bottom:1px solid var(--win-dark);padding-bottom:8px;margin:0}.about-quote{margin:0;padding:16px 20px;background:linear-gradient(135deg,ivory,#fffef5);border:1px solid var(--win-dark);border-left:4px solid var(--win-blue);box-shadow:inset 1px 1px 0 var(--win-light),2px 2px 4px #0000001a;position:relative}.about-quote:before{content:"";position:absolute;top:8px;left:12px;font-size:32px;color:var(--win-blue);opacity:.3;font-family:Georgia,serif;line-height:1}.about-quote p{margin:0 0 12px;font-style:italic;line-height:1.6;color:#333;font-size:14px;padding-left:16px}.about-quote cite{display:block;text-align:right;font-size:14px;color:#666;font-style:normal}.about-bio{padding:12px 16px;background:var(--win-gray);border:2px solid;border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark)}.about-bio p{margin:0;line-height:1.7;color:#000;font-size:14px}.gallery-container{padding:1rem;height:100%;overflow-y:auto;background:silver}.gallery-status{margin-bottom:1rem;font-weight:700;color:#000}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;padding-bottom:1rem}.gallery-thumbnail{width:100%;aspect-ratio:1;padding:0;border:2px solid #808080;background:#000;cursor:pointer;overflow:hidden;position:relative}.gallery-thumbnail:hover{border-color:#00f}.gallery-thumbnail:active{border-style:inset}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.gallery-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:gray;color:#fff;font-size:24px}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;will-change:transform}.gallery-lightbox{position:absolute;inset:0;background:#000000f2;display:flex;flex-direction:column;z-index:10000}.gallery-lightbox-header{height:50px;display:flex;align-items:center;justify-content:center;background:#000;border-bottom:1px solid #333;flex-shrink:0}.gallery-lightbox-title{color:#fff;font-size:14px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-lightbox-image-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:1rem;min-height:0}.gallery-lightbox-image-container img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;border:2px solid #444}.gallery-lightbox-footer{height:60px;display:flex;align-items:center;justify-content:center;background:#000;border-top:1px solid #333;flex-shrink:0}.gallery-lightbox-nav{display:flex;gap:1rem;align-items:center}.gallery-lightbox-nav button{padding:.5rem 1.5rem;background:silver;border:2px outset #fff;color:#000;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:12px;min-width:80px}.gallery-lightbox-nav button:hover:not(:disabled){background:#dfdfdf}.gallery-lightbox-nav button:active:not(:disabled){border-style:inset}.gallery-lightbox-nav button:disabled{color:gray;cursor:default}.gallery-lightbox-counter{color:#888;font-size:12px;min-width:80px;text-align:center}.gallery-loading,.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#000}.gallery-loading-text{font-size:14px}.gallery-empty-hint{margin-top:.5rem;font-size:12px;color:gray}.socials-content{height:100%;padding:16px;overflow-y:auto;background:var(--win-gray)}.socials-header{margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--win-dark)}.socials-title{font-size:18px;font-weight:700;color:var(--win-blue);margin:0 0 4px}.socials-subtitle{font-size:13px;color:var(--win-dark);margin:0}.socials-grid{display:flex;flex-direction:column;gap:8px}.social-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--win-white);border:2px solid;border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark);text-decoration:none;color:inherit;cursor:pointer;transition:none}.social-card:hover{background:var(--win-blue)}.social-card:hover .social-name,.social-card:hover .social-username,.social-card:hover .social-description,.social-card:hover .social-arrow{color:var(--win-white)}.social-card:active{border-color:var(--win-light) var(--win-dark) var(--win-dark) var(--win-light)}.social-icon{font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.social-info{flex:1;min-width:0}.social-name{font-size:14px;font-weight:700;color:var(--win-black)}.social-username{font-size:13px;color:var(--win-blue)}.social-description{font-size:13px;color:var(--win-dark);margin-top:2px}.social-arrow{font-size:14px;color:var(--win-dark);flex-shrink:0}.projects-content{height:100%;padding:16px;overflow-y:auto;background:var(--win-gray)}.projects-header{margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--win-dark)}.projects-title{font-size:18px;font-weight:700;color:var(--win-blue);margin:0 0 4px}.projects-subtitle{font-size:13px;color:var(--win-dark);margin:0}.projects-list{display:flex;flex-direction:column;gap:12px}.project-card{background:var(--win-white);border:2px solid;border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark);padding:12px}.project-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.project-icon{font-size:20px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--win-gray);border:1px solid var(--win-dark)}.project-name{font-size:13px;font-weight:700;color:var(--win-black);margin:0}.project-description{font-size:13px;color:var(--win-black);line-height:1.5;margin:0 0 10px}.project-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.project-tag{font-size:11px;padding:2px 6px;background:var(--win-gray);border:1px solid;border-color:var(--win-light) var(--win-dark) var(--win-dark) var(--win-light);color:var(--win-black)}.project-link{display:inline-block;font-size:13px;padding:4px 12px;background:var(--win-gray);border:2px solid;border-color:var(--win-light) var(--win-dark) var(--win-dark) var(--win-light);color:var(--win-black);text-decoration:none;cursor:pointer}.project-link:hover{background:var(--win-blue);color:var(--win-white)}.project-link:active{border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark)}.boot-screen{position:absolute;inset:0;z-index:10000;font-family:W95FA,"MS Sans Serif",Tahoma,sans-serif}.boot-turnon{background:#000}.boot-turnon-effect{position:absolute;inset:0;background:#000;animation:crtTurnOn .6s ease-out forwards}@keyframes crtTurnOn{0%{background:#000;clip-path:inset(50% 0 50% 0)}20%{background:#111;clip-path:inset(48% 0 48% 0)}40%{background:#222;clip-path:inset(40% 0 40% 0)}60%{clip-path:inset(20% 0 20% 0)}80%{clip-path:inset(5% 0 5% 0)}to{background:#000;clip-path:inset(0 0 0 0)}}.boot-bios{width:100%;height:100%;background:#000;color:#aaa;padding:20px;font-size:14px;line-height:1.4;overflow:hidden}.boot-bios-line{white-space:pre;min-height:1.4em}.boot-cursor{animation:blink .5s step-end infinite}@keyframes blink{50%{opacity:0}}.boot-loading{width:100%;height:100%;background:linear-gradient(180deg,navy,#1084d0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.boot-logo{display:flex;align-items:baseline;gap:8px}.boot-logo-text{font-size:48px;font-weight:700;color:#fff;text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.boot-logo-subtext{font-size:32px;font-weight:700;color:#fff;text-shadow:2px 2px 0 #000,-1px -1px 0 #000}.boot-progress-container{width:300px;height:20px;background:#000;border:2px solid;border-color:#808080 #fff #fff #808080;padding:2px}.boot-progress-bar{height:100%;background:repeating-linear-gradient(90deg,navy 0px 8px,#1084d0 8px 10px);transition:width .2s ease-out}.boot-loading-text{color:#fff;font-size:14px;text-shadow:1px 1px 0 #000}.boot-welcome{width:100%;height:100%;background:teal;display:flex;align-items:center;justify-content:center;animation:fadeIn .5s ease-out}.boot-welcome-text{font-size:36px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:welcomePulse 1s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes welcomePulse{0%,to{opacity:1}50%{opacity:.7}}.shutdown-screen{position:absolute;inset:0;z-index:10000;background:#000;display:flex;align-items:center;justify-content:center;font-family:W95FA,"MS Sans Serif",Tahoma,sans-serif}.shutdown-message{text-align:center;color:#ff8000;animation:fadeIn .3s ease-out}.shutdown-text{font-size:28px;margin-bottom:8px}.shutdown-subtext{font-size:28px}.shutdown-collapse{animation:crtTurnOff .8s ease-in forwards}@keyframes crtTurnOff{0%{opacity:1;transform:scale(1);filter:brightness(1)}20%{opacity:1;transform:scale(1);filter:brightness(1.5)}40%{opacity:1;transform:scaleY(.005);filter:brightness(2)}60%{opacity:1;transform:scale(.8,.005);filter:brightness(2)}80%{opacity:.8;transform:scale(.2,.005);filter:brightness(1.5)}to{opacity:0;transform:scale(0);filter:brightness(0)}}@media(max-width:720px){.boot-logo-text{font-size:32px}.boot-logo-subtext{font-size:24px}.boot-progress-container{width:200px;height:16px}.shutdown-text,.shutdown-subtext{font-size:20px}}@font-face{font-family:W95FA;src:url(/portfolio/fonts/w95fa.woff2) format("woff2");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}