@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--bg-black: #0a0a0a;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--window-bg: #141414;--border-white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:VT323,Fira Code,monospace;background-color:var(--bg-black);color:var(--text-primary);line-height:1.4}.crt-container{width:100vw;height:100vh;position:relative;background:#000;overflow:hidden}.crt-screen{width:100%;height:100%;position:relative;background:radial-gradient(ellipse at center,#1a1a1a,#0a0a0a 70%,#000);overflow:hidden}.crt-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 50%,transparent 50%);background-size:100% 4px;pointer-events:none;z-index:9997;animation:scanlines .15s linear infinite}.crt-screen:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:9996}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 4px}}.crt-flicker{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff03;pointer-events:none;z-index:9995;animation:flicker .3s infinite}@keyframes flicker{0%{opacity:.98}50%{opacity:1}to{opacity:.99}}.crt-curvature{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9994;box-shadow:inset 0 0 100px #00000080}.crt-curvature:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 100%)}.desktop{width:100%;height:100%;position:relative;padding:20px;overflow:auto}.header{position:relative;z-index:50;margin-bottom:30px}.header-name{font-size:42px;color:var(--text-primary);letter-spacing:3px;text-shadow:0 0 10px rgba(255,255,255,.3)}.header-title{font-size:20px;color:var(--text-secondary);margin-top:4px}.social-links{position:fixed;bottom:40px;right:40px;display:flex;gap:16px;z-index:50}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--text-secondary);border-radius:4px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;background:#141414cc}.social-link:hover{border-color:var(--text-primary);color:var(--text-primary);background:#282828e6;box-shadow:0 0 10px #fff3}.social-link svg{width:22px;height:22px;fill:currentColor}.folder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:24px;padding:10px 0}@media(min-width:768px){.folder-grid{grid-template-columns:repeat(3,1fr);gap:32px}}@media(min-width:1024px){.folder-grid{grid-template-columns:repeat(6,1fr);gap:36px}}.folder{display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .15s ease;padding:16px;border-radius:8px}.folder:hover{transform:scale(1.1)}.folder:active{transform:scale(.95)}.folder-icon{width:64px;height:48px;position:relative;filter:grayscale(100%) brightness(.9);transition:filter .2s ease}.folder:hover .folder-icon{filter:grayscale(0%) brightness(1)}.folder-icon svg{width:100%;height:100%;fill:var(--text-primary)}.folder-label{font-size:20px;color:var(--text-secondary);text-align:center;transition:color .2s ease}.folder:hover .folder-label{color:var(--text-primary)}.window{position:fixed;background:var(--window-bg);border:2px solid var(--border-white);border-radius:4px;box-shadow:0 0 0 1px #ffffff1a,0 10px 40px #0009;min-width:360px;min-height:200px;display:flex;flex-direction:column;animation:windowOpen .25s ease-out;z-index:100}@keyframes windowOpen{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.window-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border-bottom:1px solid #444;border-radius:2px 2px 0 0;cursor:move;-webkit-user-select:none;user-select:none;height:44px}.window-title{font-size:20px;color:var(--text-primary);display:flex;align-items:center;gap:10px;text-shadow:0 0 8px rgba(255,255,255,.2)}.window-title:before{content:">"}.window-close{background:transparent;border:1px solid var(--text-secondary);color:var(--text-secondary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-family:VT323,monospace;transition:all .15s ease;border-radius:3px}.window-close:hover{background:var(--text-primary);color:var(--bg-black)}.window-controls{display:flex;gap:8px}.resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,var(--text-secondary) 50%);border-bottom-right-radius:3px}.resize-handle:hover{background:linear-gradient(135deg,transparent 50%,var(--text-primary) 50%)}.window-content{padding:20px;overflow-y:auto;flex:1}.terminal-line{font-size:18px;color:var(--text-primary);margin-bottom:10px;display:flex;flex-wrap:wrap;line-height:1.5}.terminal-line .prompt{color:var(--text-primary);margin-right:8px;font-weight:700}.terminal-line .text{color:var(--text-secondary)}.terminal-line.highlight{color:var(--text-primary)}.terminal-line.dim{color:var(--text-secondary)}.cursor{display:inline-block;width:11px;height:20px;background:var(--text-primary);animation:cursorBlink 1s step-end infinite;vertical-align:middle;margin-left:4px;box-shadow:0 0 5px #ffffff80}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.skill-item{color:var(--text-secondary);padding:4px 0;font-size:18px}@media(max-width:767px){.desktop{padding:15px}.header-name{font-size:32px}.header-title{font-size:16px}.folder-grid{grid-template-columns:repeat(3,1fr);gap:16px}.folder-icon{width:52px;height:40px}.folder-label{font-size:16px}.window{min-width:300px;max-width:90vw}.social-links{bottom:25px;right:20px}.social-link{width:38px;height:38px}.social-link svg{width:18px;height:18px}}.boot-sequence{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.boot-logo{font-size:28px;color:var(--text-primary);margin-bottom:40px;text-align:center;opacity:0;animation:bootFadeIn .5s ease forwards}.boot-logo-line{display:block;margin:4px 0}.boot-logo-line:first-child{font-size:36px;letter-spacing:4px}@keyframes bootFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.boot-text{font-size:18px;color:var(--text-secondary);width:100%;max-width:500px}.boot-line{display:flex;align-items:center;margin:6px 0;opacity:0;animation:bootTypewriter .1s ease forwards}@keyframes bootTypewriter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.boot-line .prompt{color:var(--text-primary);margin-right:8px}.boot-line .message{color:var(--text-secondary)}.boot-line .success{color:var(--text-primary)}.boot-line .loading-dots:after{content:"";animation:loadingDots 1.5s steps(4,end) infinite}@keyframes loadingDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.boot-progress{width:200px;height:8px;background:#222;border:1px solid #444;margin-top:30px;border-radius:2px;overflow:hidden;opacity:0;animation:bootFadeIn .3s ease .5s forwards}.boot-progress-bar{height:100%;background:var(--text-primary);width:0%;transition:width .1s ease}.boot-cursor{display:inline-block;width:10px;height:18px;background:var(--text-primary);animation:cursorBlink 1s step-end infinite;vertical-align:middle;margin-left:4px}.boot-exit{opacity:0;animation:bootFadeOut .8s ease forwards}@keyframes bootFadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}