:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.project-label{background:#fffc;color:#ff0c0c;padding:10px;border:1px solid #00ffff;border-radius:5px;pointer-events:auto;font-family:sans-serif}.project-label{opacity:0;pointer-events:none;transition:opacity .4s ease-in-out}.project-label.visible{opacity:1;pointer-events:auto}#reset-btn{position:fixed;bottom:30px;right:30px;z-index:100;background-color:#0a0a19cc;color:#f0f;border:2px solid #ff00ff;padding:10px 20px;font-family:Courier New,Courier,monospace;font-weight:700;letter-spacing:1px;box-shadow:0 0 10px #f0f;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s ease,background-color .2s}#reset-btn:hover{background-color:#f0f;color:#000}.experience-label{background:#000f00e6;color:#0f0;padding:15px;border:1px solid #00ff00;box-shadow:0 0 15px #0f06,inset 0 0 10px #0f03;width:300px;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out;transform-origin:center bottom}.experience-label.visible{opacity:1;pointer-events:auto}.terminal-header{font-size:.8em;color:#aaa;border-bottom:1px dashed #00ff00;padding-bottom:5px;margin-bottom:10px}.terminal-body{line-height:1.5;white-space:pre-wrap}.cursor-blink{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.landing-label{text-align:center;color:#fff;pointer-events:none;width:400px;text-shadow:0 0 10px #00ffff}.landing-label h1{font-size:2em;margin-bottom:5px;letter-spacing:2px}.landing-label h1 span{color:#f0f;text-shadow:0 0 15px #ff00ff}.landing-label{width:max-content;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.landing-label p{margin:5px 0}.controls-instruction{background-color:#f0f;opacity:.8;padding:25px;border-style:solid;border-color:#0ff;border-width:medium;border-radius:5px;margin-top:30px;transition:all .5s ease-out}.keys-container{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:10px}.key-row{display:flex;gap:5px}.key-badge{background:#0a0a19cc;color:#0ff;border:2px solid #00ffff;border-radius:5px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2em;box-shadow:0 4px #0ff6,0 0 10px #0ff;transition:all .2s ease-out}.key-badge.pressed{opacity:0;transform:translateY(10px) scale(.8);box-shadow:0 0 0 transparent}.hacker-form{display:flex;flex-direction:column;gap:15px;margin-top:10px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{color:#0f0;font-size:.9em;min-height:1.2em}.hacker-input{background:#00140080;border:1px solid #005500;color:#0f0;padding:8px;font-family:Courier New,Courier,monospace;outline:none;transition:opacity .4s ease,border-color .3s,box-shadow .3s}.hacker-input:focus{border-color:#0f0;box-shadow:0 0 8px #00ff0080}.hacker-btn{background:transparent;border:1px solid #00ff00;color:#0f0;padding:10px;font-family:Courier New,Courier,monospace;font-weight:700;cursor:pointer;transition:all .3s;margin-top:5px}.hacker-btn:hover{background:#0f0;color:#000;box-shadow:0 0 15px #0f0}.crt-screen{transform-origin:center center}.crt-off{animation:crt-power-off .5s cubic-bezier(.23,1,.32,1) forwards}.crt-on{animation:crt-power-on .5s cubic-bezier(.23,1,.32,1) forwards}@keyframes crt-power-off{0%{transform:scale(1);opacity:1;filter:brightness(1)}40%{transform:scaleY(.005);opacity:1;filter:brightness(2) drop-shadow(0 0 10px #00ff00)}to{transform:scale(0);opacity:0;filter:brightness(2)}}@keyframes crt-power-on{0%{transform:scale(0);opacity:0;filter:brightness(2) drop-shadow(0 0 10px #00ff00)}60%{transform:scaleY(.005);opacity:1;filter:brightness(2) drop-shadow(0 0 10px #00ff00)}to{transform:scale(1);opacity:1;filter:brightness(1)}}.github-btn,.play-btn{background:transparent;border:1px solid #00ff00;color:#0f0;font-family:Courier New,Courier,monospace;padding:8px 12px;cursor:pointer;text-transform:uppercase;font-size:.8em;width:100%;margin-top:10px;opacity:1;transform:translateY(0);transition:opacity .4s ease-out,transform .4s cubic-bezier(.175,.885,.32,1.275),background .2s ease,box-shadow .2s ease}.github-btn[hidden],.play-btn[hidden]{display:block!important;opacity:0;transform:translateY(15px);pointer-events:none;border-color:#0f00}.github-btn:hover,.play-btn:hover{background:#0f03;box-shadow:0 0 15px #0f0,inset 0 0 5px #0f0;text-shadow:0 0 5px #00ff00}.github-btn:active,.play-btn:active{background:#0f0;color:#000;transform:scale(.95)}.resume-viewer{display:flex;flex-direction:column;gap:10px;margin-top:15px;opacity:1;transform:translateY(0);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.resume-viewer[hidden]{display:flex!important;opacity:0;transform:translateY(15px);pointer-events:none}.hacker-iframe{width:100%;height:200px;border:1px solid #00ff00;box-shadow:inset 0 0 10px #0f03;background:#000;transition:height .3s ease}.hacker-iframe{filter:grayscale(1) sepia(1) hue-rotate(70deg) contrast(1.5) invert(1)}.resume-controls{display:flex;gap:10px}.resume-controls,.github-btn,.play-btn{margin-top:1;flex:1}.resume-node.expanded{width:600px;transform:translateY(-50px)}.resume-node.expanded .hacker-iframe{height:600px}