:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-card: #111111;--text-primary: #ffffff;--text-secondary: #a0a0a0;--neon-green: #ffffff;--neon-green-dark: #d4d4d4;--neon-green-glow: 0 0 10px rgba(255, 255, 255, .3);--border: #222222;--shadow: 0 0 20px rgba(255, 255, 255, .15);--gradient: linear-gradient(135deg, #ffffff, #a0a0a0);--navbar-bg: rgba(0, 0, 0, .95);--navbar-border: #333333}body.light{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-card: #ffffff;--text-primary: #000000;--text-secondary: #666666;--neon-green: #000000;--neon-green-dark: #333333;--neon-green-glow: 0 0 10px rgba(0, 0, 0, .2);--border: #e0e0e0;--shadow: 0 0 20px rgba(0, 0, 0, .1);--navbar-bg: rgba(255, 255, 255, .95);--navbar-border: #e0e0e0}body{background-color:var(--bg-primary);color:var(--text-primary)}.typing-container{min-height:80px;margin-bottom:1rem}.typed-text{font-size:1.5rem;color:var(--neon-green)}.typed-cursor{display:inline-block;width:3px;height:1.5rem;background-color:var(--neon-green);margin-left:5px;animation:cursorBlink .8s infinite;vertical-align:middle}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.glitch{position:relative;animation:glitch 3s infinite}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 15px #fff0}to{box-shadow:0 0 #fff0}}.fade-in-up{animation:fadeInUp .8s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scale-in{animation:scaleIn .5s ease forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slideIn{0%{width:0;opacity:0}to{width:100%;opacity:1}}@keyframes glow{0%,to{text-shadow:0 0 2px var(--neon-green)}50%{text-shadow:0 0 10px var(--neon-green)}}.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.rotate-on-hover{transition:transform .3s}.rotate-on-hover:hover{transform:rotate(5deg) scale(1.05)}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-size:100% 100%}50%{background-size:200% 200%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3px solid var(--border);border-top-color:var(--neon-green);width:40px;height:40px;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;font-family:monospace;position:relative;color:var(--text-primary)}.section-title:before{content:"<";color:var(--neon-green);margin-right:10px;animation:glow 2s infinite}.section-title:after{content:"/>";color:var(--neon-green);margin-left:10px;animation:glow 2s infinite}.title-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.btn-primary,.btn-secondary{padding:12px 28px;border-radius:8px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;font-family:monospace;letter-spacing:1px;position:relative;overflow:hidden}.btn-primary{background:var(--gradient);color:var(--bg-primary);border:none;box-shadow:var(--neon-green-glow)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #fff6}.btn-secondary{background:transparent;color:var(--neon-green);border:2px solid var(--neon-green)}.btn-secondary:hover{background:var(--neon-green);color:var(--bg-primary);transform:translateY(-2px);box-shadow:var(--neon-green-glow)}.card{background:var(--bg-card);border:1px solid var(--neon-green);border-radius:12px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden;color:var(--text-primary)}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s}.card:hover:before{left:100%}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--neon-green)}.profile-wrapper{position:relative;width:250px;height:250px;margin:0 auto 2rem}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--neon-green);transition:all .3s;position:relative;z-index:2}.profile-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:var(--neon-green);opacity:.3;filter:blur(20px);z-index:1;animation:pulse 2s infinite}.profile-image:hover{transform:scale(1.05);box-shadow:0 0 30px #fffc}.skills-category{margin-bottom:2rem}.skills-category h3{margin-bottom:1rem;color:var(--neon-green);font-family:monospace;font-size:1.3rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.skill-tag{background:#ffffff0d;border:1px solid var(--neon-green);padding:.7rem 1rem;border-radius:8px;text-align:center;transition:all .3s;cursor:pointer;position:relative;overflow:hidden;color:var(--text-primary)}.skill-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.skill-tag:hover:before{left:100%}.skill-tag:hover{transform:translateY(-3px);box-shadow:var(--neon-green-glow);border-color:var(--neon-green);background:#ffffff14}.skill-tag-long{white-space:normal;min-height:50px;display:flex;align-items:center;justify-content:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.project-card{background:var(--bg-card);border:1px solid var(--neon-green);border-radius:12px;overflow:hidden;transition:all .3s;cursor:pointer}.project-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #fff3}.project-icon{height:160px;background:linear-gradient(135deg,#ffffff1a,#d4d4d40d);display:flex;align-items:center;justify-content:center;font-size:4rem;transition:all .3s}.project-card:hover .project-icon{transform:scale(1.05)}.project-content{padding:1.5rem}.project-content h3{color:var(--neon-green);margin-bottom:.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-tag{padding:4px 10px;background:#ffffff1a;color:var(--neon-green);border-radius:4px;font-size:.75rem;transition:all .3s}.tech-tag:hover{background:var(--neon-green);color:var(--bg-primary)}.project-link{color:var(--neon-green);text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:all .3s}.project-link:hover{text-shadow:var(--neon-green-glow);transform:translate(3px)}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:monospace;color:var(--neon-green);font-weight:700}.form-group input,.form-group textarea{padding:12px;background:var(--bg-card);border:1px solid var(--neon-green);border-radius:8px;color:var(--text-primary);font-family:monospace;transition:all .3s}.form-group input:focus,.form-group textarea:focus{outline:none;box-shadow:var(--neon-green-glow);border-color:var(--neon-green)}.form-group input:hover,.form-group textarea:hover{transform:scale(1.01)}.success-message{padding:1rem;background:#ffffff1a;border:1px solid var(--neon-green);color:var(--neon-green);border-radius:8px;text-align:center}.error-message{padding:1rem;background:#ff00001a;border:1px solid #ff4444;color:#f44;border-radius:8px;text-align:center}.social-icon{width:45px;height:45px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--neon-green);color:var(--neon-green);transition:all .3s;margin:0 .5rem}.social-icon:hover{background:var(--neon-green);color:var(--bg-primary);transform:translateY(-3px) rotate(360deg);box-shadow:var(--neon-green-glow)}.footer{background:var(--bg-secondary);border-top:2px solid var(--neon-green);padding:2rem 0;text-align:center;position:relative;z-index:2}body.light h1,body.light h2,body.light h3,body.light h4,body.light h5,body.light h6,body.light p,body.light span,body.light li,body.light strong,body.light div:not(.btn-primary):not(.btn-secondary){color:var(--text-primary)!important}body.light svg{color:var(--text-primary)!important;fill:currentColor}body.light .section-title:before,body.light .section-title:after,body.light .logo-cursor,body.light .typed-cursor,body.light .typed-text,body.light .nav-link.active,body.light .social-icon,body.light .social-icon svg{color:var(--neon-green)!important;fill:var(--neon-green)!important}body.light .nav-link{color:var(--text-primary)!important}body.light .btn-primary,body.light .btn-secondary{background:transparent!important;color:#000!important;border:2px solid #000000!important;box-shadow:none!important}body.light .btn-primary *,body.light .btn-secondary *,body.light .btn-primary svg,body.light .btn-secondary svg,body.light .btn-primary i,body.light .btn-secondary i{color:#000!important;fill:#000!important}body.light .btn-primary:hover,body.light .btn-secondary:hover{background:#000!important;color:#fff!important;box-shadow:0 4px 15px #0003!important}body.light .btn-primary:hover *,body.light .btn-secondary:hover *,body.light .btn-primary:hover svg,body.light .btn-secondary:hover svg,body.light .btn-primary:hover i,body.light .btn-secondary:hover i{color:#fff!important;fill:#fff!important}body.light .btn-primary:before{display:none!important}@media (max-width: 1024px){.heroContent{grid-template-columns:1fr;text-align:center;gap:40px}.heroTitle{font-size:2.5rem}.typingContainer,.statsRow,.heroActions,.trustBadges{justify-content:center;flex-wrap:wrap}.projects-grid{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.about-content,.contact-content{grid-template-columns:1fr}}@media (max-width: 768px){.container{padding:0 15px}section{padding:50px 0}.section-title{font-size:1.8rem}.navbar-container{padding:.6rem 1.5rem}.logo{font-size:1.1rem}.mobile-menu{display:block}.navbar{top:10px;width:95%;border-radius:40px}.heroTitle{font-size:1.6rem}.typingContainer{font-size:.9rem}.statsRow{gap:15px}.statNumber{font-size:1.1rem}.profile-wrapper{width:160px;height:160px}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{max-width:100%}.project-icon{height:120px;font-size:3rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.8rem}.skill-tag{font-size:.8rem;padding:.4rem .6rem}.skills-category h3{font-size:1.1rem}.about-info{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr;gap:1.5rem}.contact-item{flex-direction:column;text-align:center;padding:1rem}.contact-icon{margin:0 auto}.card{padding:1rem}.btn-primary,.btn-secondary{padding:10px 20px;font-size:.85rem}}@media (max-width: 480px){.heroTitle{font-size:1.3rem}.statsRow{flex-direction:column;align-items:center;gap:8px;padding:10px 0}.heroActions{flex-direction:column;align-items:center;gap:.8rem}.profile-wrapper{width:130px;height:130px}.logo{font-size:.85rem}.section-title{font-size:1.3rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.skill-tag{font-size:.7rem;padding:.3rem .5rem}.btn-primary,.btn-secondary{padding:8px 14px;font-size:.75rem;width:100%;text-align:center}}@media (min-width: 1400px){.container{max-width:1300px}.heroTitle{font-size:4rem}}@media print{.navbar,.footer,.btn-primary,.btn-secondary{display:none!important}.card{border:1px solid #ddd!important;break-inside:avoid}}html{scroll-behavior:smooth}body,.card,.navbar,.footer,.btn-primary,.btn-secondary{transition:background-color .3s ease,color .3s ease,border-color .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,Fira Code,monospace;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}section{padding:100px 0;min-height:100vh;display:flex;align-items:center;position:relative;z-index:2}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:1200px;background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--navbar-border);border-radius:60px;z-index:1000;transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.navbar.scrolled{top:10px;width:95%;box-shadow:var(--shadow)}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:.8rem 2rem}.logo{font-size:1.3rem;font-weight:700;text-decoration:none;font-family:monospace}.logo-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-cursor{animation:blink 1s infinite;color:var(--neon-green)}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-link{text-decoration:none;color:var(--text-primary);font-family:monospace;font-weight:500;transition:all .3s;position:relative;padding:.5rem 0;background:none;border:none;cursor:pointer;font-size:1rem}.nav-link:before{content:"#";color:var(--neon-green);opacity:0;transition:opacity .3s,margin .3s;margin-right:0}.nav-link:hover:before{opacity:1;margin-right:5px}.nav-link:hover{color:var(--neon-green);text-shadow:var(--neon-green-glow)}.nav-link.active{color:var(--neon-green)}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--neon-green);box-shadow:var(--neon-green-glow);border-radius:2px}.theme-toggle{background:transparent;border:1px solid var(--neon-green);cursor:pointer;font-size:1rem;color:var(--neon-green);padding:.5rem 1rem;border-radius:40px;transition:all .3s}.theme-toggle:hover{background:var(--neon-green);color:var(--bg-primary);box-shadow:var(--neon-green-glow);transform:scale(1.05)}.mobile-menu{display:none;background:transparent;border:1px solid var(--neon-green);font-size:1.3rem;cursor:pointer;color:var(--neon-green);padding:.5rem;border-radius:8px}@media (max-width: 768px){.navbar{top:10px!important;width:95%!important;border-radius:40px!important}.navbar-container{padding:.6rem 1.5rem!important}.logo{font-size:1.1rem!important}.mobile-menu{display:block!important}.nav-menu{position:fixed!important;left:-100%!important;top:70px!important;flex-direction:column!important;background:var(--navbar-bg)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;width:100%!important;text-align:center!important;transition:.3s ease-in-out!important;padding:2rem 0!important;gap:1.5rem!important;border-bottom:2px solid var(--navbar-border)!important;max-height:calc(100vh - 70px)!important;overflow-y:auto!important;box-shadow:0 10px 30px #0000004d!important}.nav-menu.active{left:0!important}.nav-link{font-size:1.1rem!important;padding:.8rem 0!important;width:80%!important;margin:0 auto!important;border-radius:8px!important}.nav-link:hover{background:#ffffff0d!important}.nav-link.active{background:#ffffff1a!important}.theme-toggle{margin-top:.5rem!important;padding:.6rem 2rem!important;font-size:1rem!important}}@media (max-width: 480px){.navbar{top:8px!important;width:96%!important}.navbar-container{padding:.5rem 1rem!important}.logo{font-size:.9rem!important}.nav-menu{top:60px!important;padding:1.5rem 0!important;gap:1rem!important;max-height:calc(100vh - 60px)!important}.nav-link{font-size:1rem!important;padding:.6rem 0!important;width:90%!important}.theme-toggle{padding:.5rem 1.5rem!important;font-size:.9rem!important}}
