.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all .3s ease}.navbar.scrolled{background:#000000f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 30px #00000080;border-bottom:1px solid rgba(0,255,65,.3)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700;cursor:pointer}.nav-menu{display:flex;gap:40px;align-items:center}.nav-link{color:var(--text);text-decoration:none;font-weight:500;font-size:1rem;position:relative;transition:color .3s ease}.nav-link:hover{color:var(--primary)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-toggle{display:none;font-size:1.5rem;cursor:pointer;color:var(--text)}@media (max-width: 768px){.nav-menu{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:var(--dark-light);flex-direction:column;justify-content:center;transition:right .3s ease;box-shadow:-5px 0 20px #00000080}.nav-menu.active{right:0}.nav-toggle{display:block}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:100px 20px}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s infinite ease-in-out}.orb-1{width:500px;height:500px;background:var(--primary);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:400px;height:400px;background:var(--secondary);bottom:-100px;right:-100px;animation-delay:5s}.orb-3{width:300px;height:300px;background:var(--accent);top:50%;right:20%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(50px,-50px) rotate(120deg)}66%{transform:translate(-30px,30px) rotate(240deg)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px}.hero-badge{display:inline-block;padding:8px 20px;background:#00ff410d;border:1px solid rgba(0,255,65,.2);border-radius:4px;margin-bottom:30px;font-size:.9rem;color:var(--primary);text-transform:uppercase;letter-spacing:2px;font-weight:700}.hero-title{font-size:5rem;font-weight:900;margin-bottom:20px;line-height:1.1;letter-spacing:-2px}.hero-subtitle{font-size:2.2rem;font-weight:700;color:var(--text);margin-bottom:30px;text-transform:uppercase;letter-spacing:4px}.hero-description{font-size:1.25rem;color:var(--text-secondary);line-height:1.8;margin-bottom:45px;max-width:650px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:25px;justify-content:center;margin-bottom:60px}.hero-social{display:flex;gap:25px;justify-content:center}.hero-social a{width:55px;height:55px;border-radius:4px;background:#9d00ff0d;border:1px solid rgba(157,0,255,.2);display:flex;align-items:center;justify-content:center;color:var(--text);font-size:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.hero-social a:hover{background:var(--secondary);border-color:var(--secondary);color:#fff;transform:translateY(-8px) rotate(8deg);box-shadow:var(--purple-glow)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.mouse{width:24px;height:40px;border:2px solid var(--primary);border-radius:20px;position:relative}.mouse:before{content:"";width:4px;height:8px;background:var(--primary);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.hero-description{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:300px}}.about{background:linear-gradient(180deg,var(--dark) 0%,var(--dark-light) 100%)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.about-text h3{font-size:2.2rem;margin-bottom:30px;color:var(--text);font-weight:800;text-transform:uppercase;letter-spacing:1px}.about-text p{font-size:1.15rem;line-height:1.8;color:var(--text-secondary);margin-bottom:25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}.stat{text-align:center;padding:20px;background:var(--dark-light);border:1px solid rgba(0,255,65,.1);border-radius:4px;transition:all .3s ease}.stat:hover{border-color:var(--primary);box-shadow:var(--green-glow);transform:translateY(-5px)}.stat h4{font-size:2.8rem;font-weight:800;margin-bottom:10px}.stat p{font-size:.85rem;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:1px}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{text-align:center}.feature-icon{font-size:2.5rem;color:var(--secondary);margin-bottom:20px;filter:drop-shadow(0 0 8px rgba(157,0,255,.4))}.feature-card h4{font-size:1.25rem;margin-bottom:15px;color:var(--text);font-weight:700}.feature-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.7}@media (max-width: 968px){.about-content{grid-template-columns:1fr;gap:40px}.features-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr;gap:20px}}.skills{background:var(--dark)}.skills-container{display:grid;gap:50px}.skill-category h3{font-size:1.8rem;margin-bottom:30px;color:var(--text);padding-left:20px;border-left:4px solid var(--primary);text-transform:uppercase;letter-spacing:2px;font-weight:800}.skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.skill-item{display:flex;align-items:center;gap:20px;padding:25px}.skill-icon{font-size:2.8rem;color:var(--primary);flex-shrink:0;filter:drop-shadow(0 0 10px rgba(0,255,65,.3))}.skill-info{flex:1}.skill-info h4{font-size:1.15rem;margin-bottom:12px;color:var(--text);font-weight:700;letter-spacing:.5px}.skill-bar{width:100%;height:6px;background:#9d00ff1a;border-radius:4px;overflow:hidden;margin-bottom:8px;border:1px solid rgba(157,0,255,.05)}.skill-progress{height:100%;background:var(--primary);border-radius:4px;position:relative;box-shadow:0 0 15px #00ff4199}.skill-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skill-level{font-size:.9rem;color:var(--text-secondary);font-weight:600}@media (max-width: 768px){.skills-list{grid-template-columns:1fr}}.projects{background:linear-gradient(180deg,var(--dark-light) 0%,var(--dark) 100%)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.project-card{overflow:hidden;padding:0;cursor:pointer}.project-image{position:relative;width:100%;height:250px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#9d00ffd9;display:flex;align-items:center;justify-content:center;gap:20px;opacity:0;transition:opacity .4s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card:hover .project-overlay{opacity:1}.project-link{width:55px;height:55px;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--secondary);font-size:1.4rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-link:hover{transform:scale(1.15) rotate(10deg);background:var(--primary);color:var(--dark);box-shadow:var(--green-glow)}.project-content{padding:30px}.project-content h3{font-size:1.6rem;margin-bottom:15px;color:var(--text);font-weight:800;letter-spacing:.5px}.project-content p{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:25px}.project-tags{display:flex;flex-wrap:wrap;gap:12px}.tag{padding:6px 16px;background:#00ff410d;border:1px solid rgba(0,255,65,.2);border-radius:4px;font-size:.8rem;color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.contact{background:var(--dark)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-info h3{font-size:2.2rem;margin-bottom:20px;color:var(--text);font-weight:800;text-transform:uppercase;letter-spacing:1px}.contact-info>p{font-size:1.15rem;line-height:1.8;color:var(--text-secondary);margin-bottom:45px}.contact-details{display:flex;flex-direction:column;gap:35px}.contact-item{display:flex;align-items:center;gap:20px}.contact-icon{width:55px;height:55px;border-radius:4px;background:#9d00ff0d;border:1px solid rgba(157,0,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--secondary);flex-shrink:0;transition:all .3s ease}.contact-item:hover .contact-icon{background:var(--secondary);color:#fff;box-shadow:var(--purple-glow);transform:scale(1.1)}.contact-text h4{font-size:.9rem;color:var(--text-secondary);margin-bottom:5px;text-transform:uppercase;letter-spacing:2px;font-weight:700}.contact-text p,.contact-text a{font-size:1.1rem;color:var(--text);text-decoration:none;transition:color .3s ease;font-weight:500}.contact-text a:hover{color:var(--primary)}.contact-form{display:flex;flex-direction:column;gap:25px;border:1px solid rgba(157,0,255,.1)!important}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;padding:16px 20px;background:#0000004d;border:1px solid rgba(157,0,255,.2);border-radius:4px;color:var(--text);font-size:1rem;font-family:inherit;transition:all .4s ease;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);background:#00ff410d;box-shadow:var(--green-glow)}.form-group textarea{resize:vertical;min-height:140px}.form-group input::placeholder,.form-group textarea::placeholder{color:#555;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.contact-form button{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:10px}.contact-form button svg{font-size:1rem}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:40px}}.footer{background:var(--dark);padding:80px 20px 40px;border-top:1px solid rgba(0,255,65,.1)}.footer-content{display:grid;grid-template-columns:1.5fr 2fr;gap:60px;margin-bottom:40px}.footer-brand h3{font-size:2.2rem;margin-bottom:20px;font-weight:900;letter-spacing:-1px}.footer-brand p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-column h4{font-size:1rem;margin-bottom:25px;color:var(--text);text-transform:uppercase;letter-spacing:2px;font-weight:700}.footer-column a{display:block;color:var(--text-secondary);text-decoration:none;margin-bottom:14px;font-size:.95rem;transition:all .3s ease;font-weight:500}.footer-column a:hover{color:var(--primary);padding-left:8px}.footer-divider{height:1px;background:#9d00ff1a;margin:50px 0}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:var(--text-secondary);font-size:.95rem;display:flex;align-items:center;gap:8px;font-weight:500}.heart{color:var(--primary);animation:heartbeat 1.5s infinite;filter:drop-shadow(0 0 5px var(--primary))}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.footer-social{display:flex;gap:15px}.footer-social a{width:45px;height:45px;border-radius:4px;background:#00ff410d;border:1px solid rgba(0,255,65,.2);display:flex;align-items:center;justify-content:center;color:var(--text);font-size:1.2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.footer-social a:hover{background:var(--primary);border-color:var(--primary);color:var(--dark);transform:translateY(-5px) rotate(8deg);box-shadow:var(--green-glow)}@media (max-width: 968px){.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;gap:20px;text-align:center}}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background-color:var(--primary);border-radius:50%;z-index:9999;pointer-events:none;box-shadow:0 0 10px var(--primary)}.cursor-outline{position:fixed;top:0;left:0;width:40px;height:40px;border:1px solid var(--primary);border-radius:50%;z-index:9998;pointer-events:none;opacity:.5;box-shadow:0 0 15px #00ff4133}html,body,a,button,.btn,.nav-toggle,.nav-link{cursor:none!important}.cursor-outline.hovered{width:60px;height:60px;background:#00ff411a;border-color:var(--primary)}.App{min-height:100vh;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{min-height:100vh;padding:100px 20px;position:relative}.section-title{font-size:3.5rem;font-weight:800;text-align:center;margin-bottom:60px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:2px;filter:drop-shadow(0 0 10px rgba(0,255,65,.2))}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{padding:14px 36px;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:none;outline:none;text-decoration:none;display:inline-block;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:var(--primary);color:var(--dark);box-shadow:var(--green-glow)}.btn-primary:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 0 30px #00ff4180}.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary);box-shadow:inset 0 0 0 0 var(--primary)}.btn-outline:hover{background:transparent;box-shadow:inset 0 0 20px 0 var(--primary),var(--green-glow);transform:translateY(-5px)}.card{background:var(--dark-light);border-radius:12px;padding:30px;transition:all .4s ease;border:1px solid rgba(157,0,255,.1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--gradient);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.card:hover{transform:translateY(-10px);border-color:var(--secondary);box-shadow:var(--purple-glow)}.card:hover:before{transform:scaleX(1)}@media (max-width: 768px){.section{padding:60px 20px}.section-title{font-size:2rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #00ff41;--secondary: #9d00ff;--accent: #bc13fe;--dark: #000000;--dark-light: #0d0d0d;--text: #f0f0f0;--text-secondary: #a0a0a0;--success: #00ff41;--gradient: linear-gradient(135deg, #00ff41 0%, #9d00ff 100%);--purple-glow: 0 0 20px rgba(157, 0, 255, .3);--green-glow: 0 0 20px rgba(0, 255, 65, .3)}body{font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--dark);color:var(--text);overflow-x:hidden}code,.skill-progress:after{font-family:JetBrains Mono,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px;box-shadow:0 0 10px var(--primary)}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}