html,body,#root{width:100%;height:100%;margin:0;padding:0}body{overflow:hidden}#root{width:100vw;height:100vh}canvas{display:block}.computer-screen{box-sizing:border-box;color:#f5f5f5;background:#0a0a0a;border-radius:25px;flex-direction:column;width:600px;height:565px;font-family:monospace;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #00000073,inset 0 0 60px #0003}.computer-screen:before{content:"";z-index:10;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(#ffffff06 0 1px,#00000009 2px 3px);position:absolute;inset:0}.computer-screen:after{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(#0000 55%,#00000026 75%,#0006 100%);position:absolute;inset:0;box-shadow:inset 0 0 18px #ffffff0f}.screen-header{box-sizing:border-box;z-index:2;border-bottom:1px solid #444;justify-content:space-between;align-items:center;height:42px;padding:0 16px;display:flex;position:relative}.screen-content{box-sizing:border-box;z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.screen-content h1{color:#fff;margin:0 0 15px;font-size:42px}.screen-content p{color:#ddd;margin:0 0 25px;font-size:17px}.screen-menu{gap:10px;display:flex}.screen-menu button{color:#fff;cursor:pointer;background:#181818;border:1px solid #aaa;padding:9px 14px;font-family:monospace;font-size:15px}.screen-menu button:hover{color:#000;background:#fff}.app{width:100vw;height:100vh;position:relative}.computer-screen{color:#d0d0d0;box-sizing:border-box;background:#000;width:600px;height:565px;font-family:Courier New,Courier,monospace;position:relative;overflow:hidden}.screen-content{box-sizing:border-box;text-align:left;white-space:pre;font-variant-ligatures:none;letter-spacing:0;width:100%;height:100%;padding:16px 20px;font-family:Courier New,Courier,monospace;font-size:13px;font-weight:400;line-height:1.08;display:block;position:absolute;inset:0;overflow:hidden;transform:none}.screen-content.bios,.screen-content.dos{color:#cfcfcf;background:#000}.boot-line{box-sizing:border-box;white-space:pre;text-align:left;width:100%;height:1.08em;min-height:1.08em;margin:0;padding:0;display:block}.bios-cursor{margin:0;padding:0;animation:.7s step-end infinite biosBlink;display:inline-block}@keyframes biosBlink{0%,50%{opacity:1}51%,to{opacity:0}}.portfolio-os{box-sizing:border-box;color:#baffba;background:#000;flex-direction:column;width:100%;height:100%;padding:14px 18px;font-size:16px;line-height:1.3;display:flex;position:relative}.os-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;font-weight:700;display:flex}.os-menu{align-items:center;gap:24px;width:100%;margin-bottom:5px;display:flex}.os-menu button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.os-menu button:before{content:"> "}.os-menu button:hover{color:#fff}.os-menu button:focus{color:#fff;outline:none}.os-separator{white-space:nowrap;margin-bottom:12px;overflow:hidden}.os-content{flex:1;min-height:0;overflow:hidden}.section-title{color:#fff;margin-bottom:10px;font-weight:700}.terminal-separator{background:#4f7f4f;flex-shrink:0;width:100%;height:1px;margin:10px 0 8px}.terminal-history{max-height:110px;margin-bottom:6px;font-size:14px;overflow:hidden}.terminal-line{flex-shrink:0;align-items:center;width:100%;display:flex}.terminal-line span{white-space:nowrap}.terminal-line input{min-width:0;color:inherit;font:inherit;caret-color:currentColor;background:0 0;border:0;outline:0;flex:1;padding:0}.scanlines{pointer-events:none;z-index:10;background:repeating-linear-gradient(#ffffff05 0 1px,#00000012 2px 4px);position:absolute;inset:0}.crt-flicker{pointer-events:none;z-index:11;background:#ffffff05;animation:.12s infinite flicker;position:absolute;inset:0}@keyframes flicker{0%{opacity:.08}50%{opacity:.02}to{opacity:.06}}.about-section{scrollbar-width:thin;scrollbar-color:#baffba #000;height:100%;padding-right:10px;overflow-y:auto}.about-info{margin-bottom:18px}.about-info>div{margin-bottom:3px;display:flex}.about-label{color:#fff;flex-shrink:0;width:145px;display:inline-block}.about-subtitle{color:#fff;margin-bottom:10px;font-weight:700}.about-presentation p{margin:0 0 14px;line-height:1.4}.about-section::-webkit-scrollbar{width:6px}.about-section::-webkit-scrollbar-track{background:#000}.about-section::-webkit-scrollbar-thumb{background:#baffba}.skills-section{scrollbar-width:thin;scrollbar-color:#baffba #000;height:100%;padding-right:10px;overflow-y:auto}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.skill-category{box-sizing:border-box;background:#050805;border:1px solid #4f7f4f;min-width:0;padding:10px}.skill-category:hover{background:#081008;border-color:#baffba}.skill-category-title{color:#fff;text-transform:uppercase;margin-bottom:8px;font-size:14px;font-weight:700}.skill-list{flex-wrap:wrap;gap:5px;display:flex}.skill-tag{color:#baffba;white-space:nowrap;background:#081008;border:1px solid #315031;padding:3px 6px;font-size:11px;display:inline-block}.skill-tag:before{content:"["}.skill-tag:after{content:"]"}.skills-section::-webkit-scrollbar{width:6px}.skills-section::-webkit-scrollbar-track{background:#000}.skills-section::-webkit-scrollbar-thumb{background:#baffba}.credits-section{scrollbar-width:thin;scrollbar-color:#baffba #000;height:100%;padding-right:10px;overflow-y:auto}.credits-intro{margin-bottom:22px}.credits-intro p{margin:0 0 10px;line-height:1.4}.credit-item{border-bottom:1px dashed #4f7f4f;margin-bottom:24px;padding-bottom:16px;line-height:1.4}.credit-name{color:#fff;margin-bottom:5px;font-weight:700}.credit-item a{color:#baffba;text-decoration:underline}.credit-item a:hover{color:#fff}.credit-modification{opacity:.8;margin-top:5px}.credits-footer{opacity:.75;margin:10px 0 20px;font-size:.9em;line-height:1.4}.credits-section::-webkit-scrollbar{width:6px}.credits-section::-webkit-scrollbar-track{background:#000}.credits-section::-webkit-scrollbar-thumb{background:#baffba}.projects-section{scrollbar-width:thin;scrollbar-color:#baffba #000;height:100%;padding-right:10px;overflow-y:auto}.projects-list{flex-direction:column;gap:14px;display:flex}.project-item{border-bottom:1px dashed #4f7f4f;padding-bottom:14px}.project-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:6px;display:flex}.project-title{color:#fff;font-weight:700}.project-title:before{content:"> ";color:#baffba}.project-date{color:#7fa87f;flex-shrink:0;font-size:12px}.project-description{color:#baffba;margin:0 0 8px;font-size:14px;line-height:1.35}.project-technologies{flex-wrap:wrap;gap:5px;display:flex}.project-tech{color:#baffba;border:1px solid #315031;padding:2px 5px;font-size:11px}.project-tech:before{content:"["}.project-tech:after{content:"]"}.projects-section::-webkit-scrollbar{width:6px}.projects-section::-webkit-scrollbar-track{background:#000}.projects-section::-webkit-scrollbar-thumb{background:#baffba}.contact-section{height:100%;padding-right:10px;overflow-y:auto}.contact-status{color:#fff;margin-bottom:22px}.contact-status:before{content:"> ";color:#baffba}.contact-info{flex-direction:column;gap:10px;display:flex}.contact-line{align-items:baseline;gap:8px;display:flex}.contact-label{color:#fff;flex-shrink:0;width:120px}.contact-line a{color:#baffba;text-decoration:underline}.contact-line a:hover{color:#fff}.contact-coming-soon{opacity:.65}.experience-section{scrollbar-width:thin;scrollbar-color:#baffba #000;height:100%;padding-right:10px;overflow-y:auto}.experience-item{border-bottom:1px dashed #4f7f4f;padding-bottom:16px}.experience-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:5px;display:flex}.experience-title{color:#fff;font-weight:700}.experience-title:before{content:"> ";color:#baffba}.experience-company{color:#baffba;margin-top:3px}.experience-date{color:#7fa87f;flex-shrink:0;font-size:12px}.experience-context{color:#7fa87f;margin:10px 0 14px;font-size:13px}.experience-description{margin:0 0 14px;font-size:14px;line-height:1.4}.experience-subtitle{color:#fff;margin-bottom:7px;font-weight:700}.experience-missions{margin:0 0 14px;padding-left:22px;font-size:14px;line-height:1.4}.experience-missions li{margin-bottom:5px}.experience-technologies{flex-wrap:wrap;gap:5px;display:flex}.experience-technologies span{color:#baffba;border:1px solid #315031;padding:2px 5px;font-size:11px}.experience-technologies span:before{content:"["}.experience-technologies span:after{content:"]"}.experience-section::-webkit-scrollbar{width:6px}.experience-section::-webkit-scrollbar-track{background:#000}.experience-section::-webkit-scrollbar-thumb{background:#baffba}.shortcut-hud{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;-webkit-user-select:none;user-select:none;background:linear-gradient(270deg,#000000b8 0%,#00000094 70%,#0000 100%);border-right:1px solid #ffffff14;align-items:center;gap:18px;padding:7px 22px 7px 45px;display:flex;position:fixed;bottom:18px;right:20px}.shortcut-hud button{color:#ffffffd9;cursor:pointer;text-shadow:0 1px 2px #000000e6;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:Arial,sans-serif;font-size:12px;display:flex}.shortcut-hud kbd{color:#fff;background:#ffffff1a;border:1px solid #ffffffa6;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 4px;font-family:Arial,sans-serif;font-size:10px;font-weight:700;display:inline-flex}.shortcut-hud button:hover{color:#fff}.shortcut-hud button:hover kbd{background:#ffffff26}.desktop-warning{box-sizing:border-box;color:#d6d6d6;background:#080808;justify-content:center;align-items:center;width:100vw;height:100dvh;margin:0;padding:20px;font-family:Courier New,Courier,monospace;display:flex;overflow:hidden}.desktop-warning-content{box-sizing:border-box;background:#050505;border:1px solid #6f6f6f;width:100%;max-width:600px;padding:28px}.desktop-warning-header{border-bottom:1px solid #444;margin-bottom:28px;padding-bottom:12px;font-size:14px}.desktop-warning-icon{color:#fff;margin-bottom:20px;font-size:42px;font-weight:700}.desktop-warning h1{color:#fff;margin:0 0 22px;font-size:22px;line-height:1.3}.desktop-warning p{margin:0 0 16px;font-size:15px;line-height:1.6}.desktop-warning-terminal{color:#aaa;border-top:1px solid #444;margin-top:30px;padding-top:15px;font-size:13px}.browser-intro{z-index:2147483647;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transform-origin:50%;will-change:clip-path, transform, filter, opacity;background:#000;outline:none;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.browser-intro-content{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;font-family:Courier New,Courier,monospace;display:flex;position:absolute;inset:0}.browser-intro-content h1{letter-spacing:12px;color:#fff;text-shadow:0 0 4px #ffffffe6,0 0 12px #ffffff59;margin:0 0 35px;padding:0;font-size:clamp(50px,8vw,110px);font-weight:400}.browser-intro-continue{letter-spacing:4px;color:#d4d4d4;font-size:clamp(13px,1.2vw,18px);animation:1.15s step-end infinite browser-intro-blink}@keyframes browser-intro-blink{0%,55%{opacity:1}56%,to{opacity:.25}}.browser-intro-closing{pointer-events:none;animation:.95s cubic-bezier(.76,0,.24,1) forwards browser-intro-close}.browser-intro-closing .browser-intro-continue{animation:none}@keyframes browser-intro-close{0%{clip-path:inset(0);filter:brightness();opacity:1;transform:scaleX(1)}65%{clip-path:inset(49.7% 0);filter:brightness(2);opacity:1;transform:scaleX(1)}82%{clip-path:inset(49.7% 8%);filter:brightness(4);opacity:1;transform:scaleX(.85)}to{clip-path:inset(49.9% 50%);filter:brightness(7);opacity:0;transform:scaleX(0)}}