@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;500&display=swap";html{scroll-behavior:smooth;scroll-padding-top:80px}:root{--neon-green: #00ff41;--dark-void: #0a0a0a;--terminal-gray: #1a1a1a;--text-dim: #a0a0a0;font-family:Fira Code,monospace}body{margin:0;background-color:var(--dark-void);color:var(--text-dim);line-height:1.6;overflow-x:hidden}h1,h2,h3{color:var(--neon-green);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,65,.3)}h2{color:var(--neon-green);text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid var(--terminal-gray);padding-bottom:10px;display:flex;align-items:center}.container{max-width:900px;margin:auto;padding:40px 20px;position:relative;z-index:1}.project-card{background:#1a1a1acc;border:1px solid #333;padding:20px;margin-bottom:20px;border-radius:4px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.project-card:hover{border-color:var(--neon-green);box-shadow:0 0 20px #00ff4133,inset 0 0 10px #00ff411a;transform:translateY(-8px) scale(1.01)}.project-card:before{content:"";position:absolute;top:0;left:0;width:10px;height:10px;border-top:2px solid transparent;border-left:2px solid transparent;transition:.3s}.project-card:hover:before{border-color:var(--neon-green)}.project-card ul{margin-top:10px;color:var(--text-dim)}.project-card li{font-size:.9rem;margin-bottom:5px;color:#ccc}.cursor{animation:blink 1s step-end infinite;color:var(--neon-green);font-weight:700}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}body:before{content:" ";display:block;position:fixed;inset:0;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05);z-index:9999;background-size:100% 4px,3px 100%;pointer-events:none}@keyframes flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.9}15%{opacity:.95}25%{opacity:.98}30%{opacity:.95}to{opacity:1}}.container{animation:flicker .15s infinite}body{background-image:linear-gradient(rgba(0,255,65,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,.05) 1px,transparent 1px);background-size:50px 50px;background-position:center;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{background-position:0 0}to{background-position:50px 50px}}.container:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 20%,var(--dark-void) 80%);pointer-events:none;z-index:-1}.status-bar{position:fixed;bottom:0;left:0;width:100%;background:#0a0a0ae6;border-top:1px solid var(--neon-green);display:flex;justify-content:space-around;padding:5px 0;font-size:.75rem;letter-spacing:1px;z-index:10000;color:var(--text-dim)}.dot{height:8px;width:8px;background-color:var(--neon-green);border-radius:50%;display:inline-block;margin-right:5px;box-shadow:0 0 8px var(--neon-green);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.btn{background:transparent;color:var(--neon-green);border:1px solid var(--neon-green);padding:10px 25px;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn:hover{background:var(--neon-green);color:#000;box-shadow:0 0 20px var(--neon-green)}h2{color:var(--neon-green);text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid var(--terminal-gray);padding-bottom:10px;display:flex;align-items:center;justify-content:flex-start}.header-center{justify-content:center!important;text-align:center}h2:before{content:"[SYS_INIT] ";font-size:.8rem;margin-right:15px;color:#555}body{margin:0;background-color:var(--dark-void);color:var(--text-dim);line-height:1.6;overflow-x:hidden;background-image:linear-gradient(rgba(0,255,65,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,.05) 1px,transparent 1px);background-size:50px 50px;background-position:center;animation:grid-move 20s linear infinite}.btn{text-decoration:none;display:inline-block}.nav-container{position:fixed;top:0;left:0;width:100%;height:60px;background:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--neon-green);display:flex;justify-content:flex-start;align-items:center;padding:0 20px;z-index:10001}.nav-logo{color:var(--neon-green);font-weight:700;letter-spacing:2px;font-size:.9rem;margin-right:auto}.nav-links{display:flex;gap:20px;margin-right:40px}.nav-item{color:var(--text-dim);text-decoration:none;font-size:.8rem;letter-spacing:1px;transition:all .3s ease;position:relative}.nav-item:hover{color:var(--neon-green);text-shadow:0 0 8px var(--neon-green)}.nav-item:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--neon-green);transition:width .3s ease}.nav-item:hover:after{width:100%}.container{padding-top:100px!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:20000}.modal-content{width:90%;max-width:600px;max-height:80vh;overflow-y:auto;border:2px solid var(--neon-green)!important;background:var(--dark-void)!important;padding:40px!important;position:relative}.close-btn{position:absolute;top:15px;right:15px;background:transparent;border:none;color:#555;font-family:Fira Code,monospace;cursor:pointer}.close-btn:hover{color:var(--neon-green)}.modal-body{margin:20px 0;line-height:1.8;color:#ccc;background:#0000004d;padding:15px;border-left:3px solid var(--neon-green);font-size:.95rem;white-space:pre-wrap}