@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--matrix-green:#00ff00;--matrix-dark-green:#00cc00;--matrix-bg:#000000}body{font-family:Share Tech Mono,monospace;background-color:var(--matrix-bg);color:var(--matrix-green);overflow-x:hidden}.bg-background,.flex,.flex-col,.min-h-screen{all:unset}@keyframes glitch{0%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),.025em .05em 0 rgba(0,0,255,.75)}15%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),.025em .05em 0 rgba(0,0,255,.75)}16%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}49%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}50%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}99%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,0,.75),-.025em -.025em 0 rgba(0,255,0,.75),-.025em -.05em 0 rgba(0,0,255,.75)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor:after{content:"_";animation:blink 1s infinite;color:var(--matrix-green)}#matrix-bg{left:0;height:100%;z-index:-1;opacity:.1}#matrix-bg,.matrix-nav{position:fixed;top:0;width:100%}.matrix-nav{background-color:rgba(0,0,0,.9);backdrop-filter:blur(10px);z-index:1000;padding:20px;border-bottom:1px solid var(--matrix-green)}.matrix-nav ul{list-style:none;display:flex;justify-content:center;gap:30px}.matrix-nav a{color:var(--matrix-green);text-decoration:none;font-size:1.1em;padding:5px 15px;border:1px solid transparent;transition:all .3s}.matrix-nav a:hover{border:1px solid var(--matrix-green);box-shadow:0 0 10px var(--matrix-green);text-shadow:0 0 10px var(--matrix-green)}.matrix-section{min-height:100vh;padding:100px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.matrix-container{max-width:1200px;width:100%;margin:0 auto}.matrix-hero{text-align:center}.matrix-hero h1{font-size:4em;margin-bottom:20px;animation:glitch 2s infinite}.typing-text{font-size:1.5em;color:var(--matrix-green);margin-bottom:30px}.terminal-prompt{display:inline-block;background-color:rgba(0,255,0,.1);border:1px solid var(--matrix-green);padding:10px 20px;margin:10px;font-size:1.1em}.terminal-prompt:before{content:"> ";color:var(--matrix-green)}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:center}.profile-img{width:250px;height:250px;border-radius:50%;border:3px solid var(--matrix-green);object-fit:cover;filter:grayscale(50%) contrast(1.2);box-shadow:0 0 30px rgba(0,255,0,.5)}.about-text{font-size:1.1em;line-height:1.8}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:50px}.project-card{background-color:rgba(0,255,0,.05);border:1px solid var(--matrix-green);padding:30px;transition:all .3s;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,255,0,.3);background-color:rgba(0,255,0,.1)}.project-card h3{font-size:1.5em;margin-bottom:15px;color:var(--matrix-green)}.project-tech{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tech-tag{background-color:transparent;padding:5px 10px;font-size:.9em}.project-link,.tech-tag{border:1px solid var(--matrix-green);color:var(--matrix-green)}.project-link{display:inline-block;margin-top:20px;text-decoration:none;padding:10px 20px;transition:all .3s}.project-link:hover{background-color:var(--matrix-green);color:#000;box-shadow:0 0 20px var(--matrix-green)}.contact-form{max-width:600px;width:100%;margin:0 auto}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:10px;color:var(--matrix-green);font-size:1.1em}.form-group input,.form-group textarea{width:100%;padding:15px;background-color:rgba(0,255,0,.05);border:1px solid var(--matrix-green);color:var(--matrix-green);font-family:Share Tech Mono,monospace;font-size:1em;transition:all .3s}.form-group input:focus,.form-group textarea:focus{outline:none;box-shadow:0 0 10px rgba(0,255,0,.5);background-color:rgba(0,255,0,.1)}.submit-btn{background-color:transparent;color:var(--matrix-green);border:2px solid var(--matrix-green);padding:15px 40px;font-size:1.1em;cursor:pointer;transition:all .3s;font-family:Share Tech Mono,monospace;width:100%}.submit-btn:hover{background-color:var(--matrix-green);color:#000;box-shadow:0 0 30px var(--matrix-green)}.social-links{display:flex;gap:20px;justify-content:center;margin-top:30px}.social-links a{color:var(--matrix-green);font-size:1.5em;transition:all .3s;padding:10px;border:1px solid transparent}.social-links a:hover{border:1px solid var(--matrix-green);box-shadow:0 0 15px var(--matrix-green);transform:translateY(-3px)}.section-header{font-size:3em;margin-bottom:50px;text-align:center;position:relative;color:var(--matrix-green)}.section-header:before{content:"< ";color:var(--matrix-green);opacity:.5}.section-header:after{content:" />";color:var(--matrix-green);opacity:.5}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:40px}.skill-item{background-color:rgba(0,255,0,.05);border:1px solid var(--matrix-green);padding:15px;text-align:center;transition:all .3s}.skill-item:hover{background-color:rgba(0,255,0,.1);transform:scale(1.05);box-shadow:0 0 15px rgba(0,255,0,.5)}@media (max-width:768px){.matrix-hero h1{font-size:2.5em}.about-content{grid-template-columns:1fr;text-align:center}.matrix-nav ul{flex-wrap:wrap;gap:15px}.projects-grid{grid-template-columns:1fr}}