*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000}body{font-family:Quantico,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{width:100vw;height:100vh}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:12vh;padding-bottom:4em;z-index:10;pointer-events:auto;overflow-y:auto}.title{font-family:Quantico,sans-serif;font-size:clamp(2rem,6vw,5rem);color:#00ff41;text-shadow:0 0 10px #00ff41,0 0 20px #00ff41,0 0 40px #00ff41,0 0 80px #003b00;letter-spacing:.1em;margin-bottom:.25em;animation:flicker 3s infinite alternate}.title-bracket{color:#0c3;opacity:.7}.subtitle-stepping{font-family:Quantico,sans-serif;font-size:clamp(1.5rem,3.75vw,2.25rem);margin-bottom:1em;white-space:nowrap;min-height:1.5em}.summary-container{max-width:1280px;width:100%;padding:3em 5em;background:radial-gradient(ellipse at center,#000,#000000f2 50%,#0000 75%)}.summary{font-family:Quantico,sans-serif;font-size:clamp(.75rem,1.4vw,1rem);color:#00ff41;text-shadow:0 0 6px rgba(0,255,65,.5),0 0 12px rgba(0,255,65,.2);line-height:1.7;text-align:left;opacity:.85}.step-char{display:inline-block;transition:color .3s ease,text-shadow .3s ease}.step-char.hidden{visibility:hidden}.step-char.white{color:#fff;text-shadow:0 0 8px #ffffff,0 0 20px rgba(255,255,255,.6),0 0 40px rgba(0,255,65,.3)}.step-char.green{color:#00ff41;text-shadow:0 0 10px #00ff41}.typing-cursor{display:inline-block;width:.6em;height:1.1em;background:#00ff41;box-shadow:0 0 8px #00ff41,0 0 15px #00ff4166;vertical-align:text-bottom;animation:cursor-blink .6s steps(1) infinite}.typing-cursor.end{animation:cursor-blink .6s steps(1) infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.pill-container{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:.5em}.pill-wrapper{width:300px;height:180px}.pill-labels{display:flex;gap:4em;font-family:Quantico,sans-serif;font-size:clamp(.75rem,1.5vw,1rem);text-transform:uppercase;letter-spacing:.15em}.pill-label.red{color:red;text-shadow:0 0 8px #ff0000}.pill-label.blue{color:#48f;text-shadow:0 0 8px #4488ff}.experience-container{max-width:1280px;width:100%;padding:3em 5em;margin-top:2em;background:radial-gradient(ellipse at center,#000,#000000f2 50%,#0000 75%)}.section-heading{font-family:Quantico,sans-serif;font-size:clamp(1.2rem,2.5vw,1.75rem);color:#00ff41;text-shadow:0 0 8px rgba(0,255,65,.6),0 0 16px rgba(0,255,65,.3);letter-spacing:.1em;margin-bottom:1em;text-transform:uppercase}.job{margin-bottom:1.5em}.job-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5em}.job-title{font-family:Quantico,sans-serif;font-size:clamp(.85rem,1.5vw,1.1rem);color:#fff;text-shadow:0 0 6px rgba(255,255,255,.4);font-weight:700}.job-timeframe{font-family:Quantico,sans-serif;font-size:clamp(.65rem,1.1vw,.85rem);color:#0c3;text-shadow:0 0 4px rgba(0,255,65,.3);opacity:.7;white-space:nowrap}.job-company{font-family:Quantico,sans-serif;font-size:clamp(.75rem,1.3vw,.95rem);color:#00ff41;text-shadow:0 0 4px rgba(0,255,65,.4);opacity:.8;display:block;margin-top:.15em}.job-description{font-family:Quantico,sans-serif;font-size:clamp(.7rem,1.2vw,.9rem);color:#00ff41;text-shadow:0 0 4px rgba(0,255,65,.3);line-height:1.6;opacity:.75;margin-top:.4em}@media(max-width:768px){.summary{font-size:.95rem}.section-heading{font-size:1.4rem}.job-title{font-size:1rem}.job-timeframe{font-size:.8rem}.job-company{font-size:.9rem}.job-description{font-size:.85rem}.summary-container,.experience-container{padding:2em 1.5em}}@keyframes flicker{0%,95%{opacity:1}96%{opacity:.8}97%{opacity:1}98%{opacity:.9}to{opacity:1}}