@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";:root{--neon-cyan:#00f0ff;--neon-magenta:#f0f;--neon-yellow:#ffe600;--neon-green:#39ff14;--neon-orange:#f60;--dark-bg:#0a0a0f;--darker-bg:#050508;--card-bg:#0a0a14d9;--text-primary:#e0e0ff;--text-secondary:#88a;--glow-cyan:0 0 10px #00f0ff, 0 0 20px #00f0ff, 0 0 40px #00f0ff;--glow-magenta:0 0 10px #f0f, 0 0 20px #f0f, 0 0 40px #f0f;--glow-yellow:0 0 10px #ffe600, 0 0 20px #ffe600, 0 0 40px #ffe600;--glow-green:0 0 10px #39ff14, 0 0 20px #39ff14, 0 0 40px #39ff14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--darker-bg);color:var(--text-primary);font-family:Rajdhani,sans-serif;line-height:1.6;overflow-x:hidden}#root{position:relative}#particles-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.section{padding:100px 0;position:relative}.section-title{text-align:center;text-transform:uppercase;letter-spacing:4px;margin-bottom:60px;font-family:Orbitron,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--neon-cyan), var(--neon-magenta));width:120px;height:3px;box-shadow:var(--glow-cyan);margin:20px auto 0;display:block}.section-title .accent-cyan{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.section-title .accent-magenta{color:var(--neon-magenta);text-shadow:var(--glow-magenta)}.section-title .accent-yellow{color:var(--neon-yellow);text-shadow:var(--glow-yellow)}.section-title .accent-green{color:var(--neon-green);text-shadow:var(--glow-green)}.card{background:var(--card-bg);border:1px solid #00f0ff26;border-radius:12px;padding:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--neon-cyan), transparent);opacity:0;height:2px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.card:hover:before{opacity:1}.card:hover{border-color:var(--neon-cyan);transform:translateY(-5px);box-shadow:0 0 15px #00f0ff33,inset 0 0 15px #00f0ff0d}.card-cyan{border-color:#00f0ff40}.card-cyan:hover{border-color:var(--neon-cyan);box-shadow:0 0 20px #00f0ff4d,inset 0 0 20px #00f0ff14}.card-magenta{border-color:#ff00ff40}.card-magenta:hover{border-color:var(--neon-magenta);box-shadow:0 0 20px #ff00ff4d,inset 0 0 20px #ff00ff14}.card-yellow{border-color:#ffe60040}.card-yellow:hover{border-color:var(--neon-yellow);box-shadow:0 0 20px #ffe6004d,inset 0 0 20px #ffe60014}.card-green{border-color:#39ff1440}.card-green:hover{border-color:var(--neon-green);box-shadow:0 0 20px #39ff144d,inset 0 0 20px #39ff1414}.card-title{color:var(--text-primary);margin-bottom:10px;font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700}.card-text{color:var(--text-secondary);font-size:1rem}.neon-button{letter-spacing:2px;text-transform:uppercase;color:var(--neon-cyan);border:2px solid var(--neon-cyan);cursor:pointer;background:0 0;border-radius:4px;padding:14px 36px;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.neon-button:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff33,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.neon-button:hover:before{left:100%}.neon-button:hover{color:#fff;box-shadow:var(--glow-cyan);background:#00f0ff1a}.neon-button-magenta{color:var(--neon-magenta);border-color:var(--neon-magenta)}.neon-button-magenta:before{background:linear-gradient(90deg,#0000,#f0f3,#0000)}.neon-button-magenta:hover{color:#fff;box-shadow:var(--glow-magenta);background:#ff00ff1a}.neon-button-yellow{color:var(--neon-yellow);border-color:var(--neon-yellow)}.neon-button-yellow:before{background:linear-gradient(90deg,#0000,#ffe60033,#0000)}.neon-button-yellow:hover{color:#fff;box-shadow:var(--glow-yellow);background:#ffe6001a}.tech-tag{letter-spacing:1px;text-transform:uppercase;border:1px solid;border-radius:3px;margin:4px 4px 4px 0;padding:4px 14px;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:600;transition:all .3s;display:inline-block}.tech-tag-cyan{color:var(--neon-cyan);border-color:#00f0ff66}.tech-tag-cyan:hover{background:#00f0ff26;box-shadow:0 0 10px #00f0ff4d}.tech-tag-magenta{color:var(--neon-magenta);border-color:#f0f6}.tech-tag-magenta:hover{background:#ff00ff26;box-shadow:0 0 10px #ff00ff4d}.tech-tag-yellow{color:var(--neon-yellow);border-color:#ffe60066}.tech-tag-yellow:hover{background:#ffe60026;box-shadow:0 0 10px #ffe6004d}.tech-tag-green{color:var(--neon-green);border-color:#39ff1466}.tech-tag-green:hover{background:#39ff1426;box-shadow:0 0 10px #39ff144d}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.timeline{padding-left:40px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--neon-cyan), var(--neon-magenta), var(--neon-yellow));width:2px;position:absolute;top:0;bottom:0;left:15px;box-shadow:0 0 10px #00f0ff80}.timeline-item{margin-bottom:40px;position:relative}.timeline-item:before{content:"";border:2px solid var(--neon-cyan);background:var(--darker-bg);border-radius:50%;width:14px;height:14px;position:absolute;top:8px;left:-33px;box-shadow:0 0 10px #00f0ff80}.timeline-item:nth-child(2):before{border-color:var(--neon-magenta);box-shadow:0 0 10px #ff00ff80}.timeline-item:nth-child(3):before{border-color:var(--neon-yellow);box-shadow:0 0 10px #ffe60080}.timeline-date{color:var(--neon-cyan);letter-spacing:1px;margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:.8rem}.timeline-title{margin-bottom:6px;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700}.timeline-company{color:var(--neon-magenta);margin-bottom:10px;font-weight:600}.social-link{border:2px solid var(--neon-cyan);width:56px;height:56px;color:var(--neon-cyan);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;text-decoration:none;transition:all .3s;display:inline-flex}.social-link:hover{color:#fff;box-shadow:var(--glow-cyan);background:#00f0ff26;transform:translateY(-3px)}.social-link-magenta{border-color:var(--neon-magenta);color:var(--neon-magenta)}.social-link-magenta:hover{color:#fff;box-shadow:var(--glow-magenta);background:#ff00ff26}.social-link-yellow{border-color:var(--neon-yellow);color:var(--neon-yellow)}.social-link-yellow:hover{color:#fff;box-shadow:var(--glow-yellow);background:#ffe60026}.social-link-green{border-color:var(--neon-green);color:var(--neon-green)}.social-link-green:hover{color:#fff;box-shadow:var(--glow-green);background:#39ff1426}.navbar{z-index:1000;backdrop-filter:blur(20px);background:#050508d9;border-bottom:1px solid #00f0ff1a;padding:16px 0;position:fixed;top:0;left:0;right:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.navbar-brand{color:var(--neon-cyan);text-shadow:var(--glow-cyan);letter-spacing:2px;font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:900;text-decoration:none}.navbar-links{gap:32px;list-style:none;display:flex}.navbar-links a{letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.navbar-links a:after{content:"";background:var(--neon-cyan);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0;box-shadow:0 0 8px #00f0ff80}.navbar-links a:hover{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.navbar-links a:hover:after{width:100%}.hero-section{text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.hero-content{z-index:2;position:relative}.hero-greeting{color:var(--neon-cyan);letter-spacing:4px;text-transform:uppercase;margin-bottom:16px;font-family:Rajdhani,sans-serif;font-size:clamp(1rem,2vw,1.4rem);font-weight:400}.hero-name{margin-bottom:20px;font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,8vw,6rem);font-weight:900;line-height:1.1}.hero-name .cyan{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.hero-name .magenta{color:var(--neon-magenta);text-shadow:var(--glow-magenta)}.hero-name .yellow{color:var(--neon-yellow);text-shadow:var(--glow-yellow)}.hero-name .green{color:var(--neon-green);text-shadow:var(--glow-green)}.hero-subtitle{color:var(--text-secondary);letter-spacing:2px;margin-bottom:40px;font-family:Rajdhani,sans-serif;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:300}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.hero-scroll-indicator{z-index:2;animation:2s infinite bounce;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero-scroll-indicator svg{width:30px;height:30px;stroke:var(--neon-cyan);filter:drop-shadow(0 0 8px #00f0ff80)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(10px)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:1}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.4}}@keyframes scanline{0%{top:-100%}to{top:100%}}.glitch-text{animation:3s infinite glitch}.flicker-text{animation:4s infinite flicker}.skill-bar{background:#ffffff0d;border-radius:3px;width:100%;height:6px;margin-top:10px;overflow:hidden}.skill-bar-fill{border-radius:3px;height:100%;transition:width 1.5s cubic-bezier(.175,.885,.32,1.275)}.skill-bar-cyan{background:linear-gradient(90deg, var(--neon-cyan), #00f0ff4d);box-shadow:0 0 10px #00f0ff66}.skill-bar-magenta{background:linear-gradient(90deg, var(--neon-magenta), #ff00ff4d);box-shadow:0 0 10px #f0f6}.skill-bar-yellow{background:linear-gradient(90deg, var(--neon-yellow), #ffe6004d);box-shadow:0 0 10px #ffe60066}.skill-bar-green{background:linear-gradient(90deg, var(--neon-green), #39ff144d);box-shadow:0 0 10px #39ff1466}.skill-item-label{letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:4px;font-family:Orbitron,sans-serif;font-size:.8rem;display:flex}.skill-item-name{color:var(--text-primary)}.skill-item-percent{color:var(--neon-cyan)}.project-card-image{background:linear-gradient(135deg,#00f0ff1a,#ff00ff1a);border:1px solid #00f0ff26;border-radius:8px;justify-content:center;align-items:center;width:100%;height:180px;margin-bottom:20px;font-size:3rem;display:flex}.project-card-description{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem;line-height:1.5}.project-card-links{gap:12px;display:flex}.project-link{letter-spacing:1px;text-transform:uppercase;color:var(--neon-cyan);border:1px solid var(--neon-cyan);border-radius:3px;padding:6px 14px;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .3s}.project-link:hover{background:#00f0ff26;box-shadow:0 0 10px #00f0ff4d}.project-link-magenta{color:var(--neon-magenta);border-color:var(--neon-magenta)}.project-link-magenta:hover{background:#ff00ff26;box-shadow:0 0 10px #ff00ff4d}.section-divider{background:linear-gradient(90deg,#0000,#00f0ff4d,#ff00ff4d,#0000);width:100%;height:1px;margin:0}.footer{text-align:center;color:var(--text-secondary);border-top:1px solid #00f0ff1a;padding:40px 0;font-size:.85rem}.footer a{color:var(--neon-cyan);text-decoration:none}.footer a:hover{text-shadow:var(--glow-cyan)}@media (width<=768px){.navbar-links{gap:16px}.navbar-links a{font-size:.7rem}.hero-buttons{flex-direction:column;align-items:center}.grid-3,.grid-4{grid-template-columns:1fr}}