body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tab{padding:8px 15px;margin-right:5px;cursor:pointer;background-color:#111;border:1px solid #00ff00;border-bottom:none;position:relative;top:1px}.tab.active{background-color:#030;border-bottom:1px solid #003300}.tab:hover{background-color:#020}.tab-content{display:none}.skill-fill{height:100%;background-color:#0f0;width:0%;transition:width 1s ease-in-out}.App{background-color:#000;color:#0f0;font-family:Courier New,monospace;margin:0;padding:20px;line-height:1.4;overflow-x:hidden;min-height:100vh}.screen{border:15px solid #2a2a2a;border-radius:10px;padding:20px;margin:0 auto;box-shadow:0 0 20px #0f0;min-height:800px;position:relative;overflow:hidden}.screen:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,255,0,.1) 1px,transparent 1px);background-size:100% 2px;pointer-events:none;animation:scanlines 2s linear infinite}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 4px}}.header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #00ff00;padding-bottom:10px;margin-bottom:20px}.title{font-size:24px;font-weight:700;text-transform:uppercase}.date{font-size:14px}.tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #00ff00}.glitched{animation:glitch 1s linear infinite}@keyframes glitch{0%{text-shadow:1px 0 0 #ff00ff,-1px 0 0 #00ffff}20%{text-shadow:1px 0 0 #ff00ff,-1px 0 0 #00ffff}21%{text-shadow:-2px 0 0 #ff00ff,2px 0 0 #00ffff}40%{text-shadow:-2px 0 0 #ff00ff,2px 0 0 #00ffff}41%{text-shadow:3px 0 0 #ff00ff,-3px 0 0 #00ffff}60%{text-shadow:3px 0 0 #ff00ff,-3px 0 0 #00ffff}61%{text-shadow:-1px 0 0 #ff00ff,1px 0 0 #00ffff}80%{text-shadow:-1px 0 0 #ff00ff,1px 0 0 #00ffff}81%{text-shadow:0 0 0 #ff00ff,0 0 0 #00ffff}to{text-shadow:0 0 0 #ff00ff,0 0 0 #00ffff}}.vault-boy{position:fixed;bottom:20px;right:20px;width:100px;opacity:.7}.status-bar{position:fixed;bottom:0;left:0;right:0;background-color:#111;border-top:1px solid #00ff00;padding:5px 10px;display:flex;justify-content:space-between;font-size:12px}.skill{margin-bottom:15px}.skill-name{display:flex;justify-content:space-between;margin-bottom:5px}.skill-bar{height:20px;background-color:#111;border:1px solid #00ff00;position:relative}.skill-fill{height:100%;background-color:#0f0;width:0%}.tab-content{display:none;animation:fadeIn .3s ease-out}.tab-content.active{display:block}.job{margin-bottom:20px;border-left:2px solid #00ff00;padding-left:10px}.job-title{font-weight:700;margin-bottom:5px}.job-date{color:#080;font-size:14px;margin-bottom:5px}.job-description{margin-bottom:5px}.about-me{line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.guestbook{margin-top:20px;border-top:1px solid #00ff00;padding-top:15px}.guestbook textarea{width:100%;background:#111;border:1px solid #00ff00;color:#0f0;padding:8px;margin-bottom:10px;font-family:Courier New,monospace}.guestbook button{background:#030;color:#0f0;border:1px solid #00ff00;padding:5px 15px;cursor:pointer}.guestbook button:hover{background:#020}.success{color:#0f0;margin-top:10px}.projects-container{width:100%;height:calc(100vh - 150px);display:flex;flex-direction:column}.sub-tabs{display:flex;margin-bottom:10px;border-bottom:1px solid #00ff00}.sub-tab{padding:8px 15px;background:#111;border:1px solid #00ff00;color:#0f0;cursor:pointer;margin-right:5px}.sub-tab.active{background:#030;border-bottom:1px solid #003300}.sub-tab:hover{background:#020}.youtube-embed{flex:1;min-height:0}.youtube-embed iframe{width:100%;height:100%}.youtube-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.tab{padding:10px 15px;cursor:pointer;background-color:#222;color:#0f0;border:1px solid #00ff00;border-bottom:none;margin-right:5px;border-top-left-radius:5px;border-top-right-radius:5px;transition:background-color .3s ease}.tab.active{background-color:#030;color:#fff;font-weight:700;border-bottom:1px solid #003300}.tab:hover:not(.active){background-color:#020}.login-container,.dashboard{max-width:800px;margin:1rem auto;padding:2rem;border:1px solid #ddd;border-radius:8px}.error{color:red}table{width:100%;border-collapse:collapse}th,td{padding:8px;text-align:left;border-bottom:1px solid #ddd}.auth-form{max-width:400px;margin:2rem auto;padding:2rem;border:1px solid #ddd;border-radius:8px}.auth-form input{display:block;width:100%;margin:.5rem 0 1rem;padding:.5rem}.auth-switch{margin-top:1rem;text-align:center}.auth-button{padding:8px 16px;background:#4285f4;color:#fff;border:none;border-radius:4px;cursor:pointer}.login-popup{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;padding:20px;border-radius:8px;width:300px;position:relative}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}.error{color:red;margin-bottom:10px}