:root{--bg-color:#0d0d0d;--text-color:#00ffea;--card-bg:#0d0d0d;--card-border:#00ffea}[data-theme=light]{--bg-color:#f5f5f5;--text-color:#0d0d0d;--card-bg:#fff;--card-border:#0d0d0d}body{background-color:#0d0d0d;background-color:var(--bg-color);font-family:Courier New,monospace;margin:0}.glitch,body{color:#00ffea;color:var(--text-color)}.glitch{animation:glitch-animation 2s infinite;font-size:3rem;font-weight:700;position:relative;text-transform:uppercase}.glitch:after,.glitch:before{content:attr(data-text);left:0;opacity:.8;position:absolute;width:100%}.glitch:before{clip:rect(0,9999px,0,0);animation:glitchTop 2s linear infinite alternate-reverse;color:#ff007f;top:-2px;z-index:-1}.glitch:after{clip:rect(0,9999px,0,0);animation:glitchBottom 2s linear infinite alternate-reverse;color:#0ff;top:2px;z-index:-2}@keyframes glitchTop{0%{clip:rect(0,9999px,5px,0);transform:translate(-2px,-2px)}20%{clip:rect(5px,9999px,10px,0);transform:translate(2px,2px)}40%{clip:rect(10px,9999px,15px,0);transform:translate(-2px)}60%{clip:rect(15px,9999px,20px,0);transform:translate(2px,-2px)}80%{clip:rect(20px,9999px,25px,0);transform:translate(-1px,1px)}to{clip:rect(25px,9999px,30px,0);transform:translate(0)}}@keyframes glitchBottom{0%{clip:rect(30px,9999px,35px,0);transform:translate(2px,2px)}20%{clip:rect(25px,9999px,30px,0);transform:translate(-2px,-2px)}40%{clip:rect(20px,9999px,25px,0);transform:translate(1px)}60%{clip:rect(15px,9999px,20px,0);transform:translate(-1px,2px)}80%{clip:rect(10px,9999px,15px,0);transform:translate(2px,-1px)}to{clip:rect(5px,9999px,10px,0);transform:translate(0)}}.navbar{align-items:center;background-color:#0d0d0d;color:#00ffea;display:flex;justify-content:space-between;padding:1rem 2rem}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{color:#00ffea;font-weight:700;text-decoration:none}.nav-links a:hover{color:#ff007f}.footer{bottom:0;color:#00ffea;padding:1rem;text-align:center}.code-rain,.footer{background-color:#0d0d0d;position:fixed;width:100%}.code-rain{height:100%;left:0;mix-blend-mode:lighten;pointer-events:none;top:0;z-index:-1}.page-container h1{font-size:3rem;margin-bottom:1rem}.page-container p{font-size:1.2rem}.project-card{background-color:#0d0d0d;border:1px solid #00ffea;border-radius:10px;color:#00ffea;margin:1rem;padding:1.5rem;text-align:center;transition:transform .3s,box-shadow .3s;width:300px}.project-card:hover{box-shadow:0 0 20px #00ffea;transform:translateY(-10px)}.project-card h3,.project-card p{margin-bottom:1rem}.project-card p{font-size:.9rem}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.tag{background-color:#00ffea1a;border:1px solid #00ffea;border-radius:5px;color:#00ffea;cursor:pointer;font-size:.8rem;padding:.2rem .5rem;transition:background-color .3s}.tag:hover{background-color:#00ffea4d}.project-card a{color:#ff007f;font-weight:700;text-decoration:none}.project-card a:hover{color:#00ffea}.projects-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.filters-section{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto 2rem;max-width:800px}.search-input{background-color:#0d0d0dcc;border:1px solid #00ffea;border-radius:25px;color:#fff;font-size:1rem;max-width:500px;outline:none;padding:.8rem 1.2rem;transition:box-shadow .3s,border-color .3s;width:100%}.search-input:focus{border-color:#ff007f;box-shadow:0 0 15px #00ffea80}.tags-filter{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.filter-btn{background-color:initial;border:1px solid #00ffea;border-radius:20px;color:#00ffea;cursor:pointer;font-family:inherit;font-weight:700;padding:.5rem 1rem;transition:all .3s ease}.filter-btn:hover{background-color:#00ffea1a;transform:translateY(-2px)}.filter-btn.active{background-color:#00ffea;box-shadow:0 0 10px #00ffea;color:#0d0d0d}.no-results{color:#ff007f;font-size:1.2rem;margin-top:3rem;text-align:center;width:100%}.experience-item{align-items:flex-start;animation:slideIn .6s forwards;display:flex;margin-bottom:2rem;opacity:0;transform:translateX(-50px)}.experience-item:hover .details{box-shadow:0 0 20px #00ffea,0 0 40px #ff007f}.year{color:#00ffea;font-size:1.2rem;font-weight:700;width:80px}.details{background-color:#000000b3;border:1px solid #00ffea;border-radius:10px;box-shadow:0 0 10px #00ffea33;color:#00ffea;flex:1 1;padding:1rem;transition:all .3s ease-in-out}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}.timeline{align-items:center;display:flex;flex-direction:column;margin-top:2rem}.contact-form-container{background:#000000b3;border:1px solid #00ffea;border-radius:10px;margin:3rem auto;max-width:600px;overflow:hidden;padding:2rem;position:relative;width:100%;z-index:1}.contact-form-container .rotating-lines{height:200%;left:0;pointer-events:none;position:absolute;top:0;width:200%}.contact-form-container .rotating-lines span{animation:rotate 8s linear infinite;border-right:1px solid #0000;border-top:1px solid #0000;border-color:#00ffea #ff007f #0000 #0000;border-radius:50%;border-style:solid;border-width:1px;display:block;height:200%;left:-50%;opacity:.2;position:absolute;top:-50%;width:200%}.contact-form-container .rotating-lines span:nth-child(2){animation-duration:12s;border-right-color:#00ffea;border-top-color:#ff007f}.contact-form-container .rotating-lines span:nth-child(3){animation-duration:16s;border-right-color:#ff007f;border-top-color:#00ffea}.contact-form-container .rotating-lines span:nth-child(4){animation-duration:20s;border-right-color:#00ffea;border-top-color:#ff007f}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.contact-form{display:flex;flex-direction:column;position:relative;z-index:2}.contact-form h2{color:#00ffea;margin-bottom:1.5rem;text-align:center}.contact-form input,.contact-form textarea{background:#0000;border:1px solid #00ffea;border-radius:5px;color:#00ffea;font-size:1rem;margin-bottom:1rem;outline:none;padding:.8rem;resize:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#ff007f;box-shadow:0 0 10px #00ffea,0 0 20px #ff007f}.contact-form button{background:#0000;border:1px solid #00ffea;border-radius:5px;color:#00ffea;cursor:pointer;font-weight:700;padding:.8rem;transition:all .3s ease}.contact-form button:hover{background:#00ffea;box-shadow:0 0 10px #00ffea,0 0 20px #ff007f;color:#0d0d0d}.success-msg{font-weight:700;margin-top:1rem}.page-container,.success-msg{color:#00ffea;text-align:center}.page-container{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;min-height:100vh;padding:4rem 2rem;position:relative;z-index:1}.page-container h1{margin-bottom:2rem}
/*# sourceMappingURL=main.ac3e63f2.css.map*/