.nav-bar{position:fixed;top:0;left:0;width:100%;height:80px;z-index:1000;padding:0 2rem;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(56,189,248,.3);box-shadow:0 4px 30px #0000004d;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;height:100%}.nav-header{display:flex;justify-content:space-between;align-items:center;width:auto}.logo{font-family:var(--font-mono);font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:2px;font-size:1.4rem;text-shadow:0 0 10px rgba(56,189,248,.5);cursor:pointer;transition:transform .2s}.logo:hover{transform:scale(1.05);text-shadow:2px 0 var(--color-red),-2px 0 var(--color-yellow)}.menu-toggle{display:none;background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary);font-family:var(--font-mono);padding:.5rem 1rem;cursor:pointer;border-radius:4px;font-size:.9rem;transition:all .3s}.menu-toggle:hover{background:#38bdf833;box-shadow:0 0 10px var(--accent-glow)}.nav-links{display:flex;gap:2rem}.nav-links a{position:relative;color:var(--text-secondary);font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition:color .3s ease;padding:.5rem 0}.nav-links a:before,.nav-links a:after{display:inline-block;opacity:0;transition:transform .3s,opacity .3s;color:var(--accent-primary)}.nav-links a:before{content:"[";margin-right:5px;transform:translate(10px)}.nav-links a:after{content:"]";margin-left:5px;transform:translate(-10px)}.nav-links a:hover{color:var(--accent-primary);text-shadow:0 0 8px var(--accent-glow)}.nav-links a:hover:before,.nav-links a:hover:after{opacity:1;transform:translate(0)}.nav-links a:active{transform:scale(.95);color:#fff}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden}main{padding-top:80px}.section-pad{padding-top:2rem;padding-bottom:2rem;margin-bottom:2rem}.section-header h2{font-family:var(--font-mono);color:var(--accent-primary);font-size:1.5rem;margin-bottom:3rem;display:flex;align-items:center;gap:1rem}.section-header h2:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--accent-glow),transparent)}.hero-container{min-height:100vh;display:flex;align-items:center;justify-content:flex-start;padding-top:80px}.hero-content{max-width:800px}.mono-subtitle{font-family:var(--font-mono);color:var(--accent-primary);margin-bottom:1rem;display:block}.hero-title{font-size:4.5rem;line-height:1.2;font-weight:800;margin-bottom:2rem;letter-spacing:-2px}.typewriter-text{color:var(--text-secondary);font-family:var(--font-mono);font-size:1.5rem;margin-bottom:3rem;min-height:1.5em;display:block;line-height:1.6}.hero-subtitle{font-size:1.1rem;line-height:1.8;margin-bottom:3rem;color:var(--text-secondary);max-width:600px}.glitch{position:relative;color:var(--text-primary)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(30px,9999px,10px,0)}5%{clip:rect(80px,9999px,90px,0)}10%{clip:rect(10px,9999px,85px,0)}15%{clip:rect(40px,9999px,45px,0)}20%{clip:rect(10,9999px,100px,0)}to{clip:rect(0,9999px,0,0)}}@keyframes glitch-anim2{0%{clip:rect(10px,9999px,80px,0)}5%{clip:rect(30px,9999px,10px,0)}10%{clip:rect(50px,9999px,20px,0)}15%{clip:rect(80px,9999px,60px,0)}20%{clip:rect(5,9999px,30px,0)}to{clip:rect(0,9999px,0,0)}}.cursor{display:inline-block;width:10px;height:1.5rem;background:var(--accent-primary);animation:blink 1s infinite;vertical-align:middle}.hero-actions{display:flex;gap:1.5rem}.btn-resume{border:1px solid var(--accent-primary);padding:.5rem 1rem;border-radius:4px;color:var(--accent-primary)!important;transition:all .3s;background:#38bdf81a}.btn-resume:hover{background:var(--accent-primary);color:#0f172a!important;box-shadow:0 0 15px var(--accent-glow)}.btn{display:inline-block;padding:.8rem 2rem;border-radius:4px;font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;transition:all .3s;cursor:pointer;position:relative;overflow:hidden}.btn-primary{background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}.btn-primary:hover{background:var(--accent-glow);box-shadow:0 0 20px var(--accent-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{color:var(--text-primary);border-color:var(--text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:#0f172a99;border:1px solid rgba(56,189,248,.1);padding:2rem;transition:all .3s;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s}.project-card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:0 10px 30px -10px #00000080}.project-card:hover:before{transform:scaleX(1)}.card-content h3{font-family:var(--font-mono);color:var(--text-primary);font-size:1.25rem;margin-bottom:.5rem}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.skill-category h3{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:1.5rem;border-bottom:1px solid #334155;padding-bottom:.5rem}.skill-item{margin-bottom:1.5rem}.skill-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;font-family:var(--font-mono)}.progress-bg{height:6px;background:#334155;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-primary);width:0%;transition:width 1.5s cubic-bezier(.22,1,.36,1);box-shadow:0 0 10px var(--accent-glow)}.contact-box{text-align:center;max-width:500px;margin:0 auto;border:1px solid var(--accent-primary);box-shadow:0 0 20px #38bdf826;padding:3rem 2rem;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;background-color:#0f172af2;position:relative;overflow:hidden}.contact-box:after{content:"";position:absolute;bottom:-1px;right:-1px;width:20px;height:20px;border-bottom:2px solid var(--accent-primary);border-right:2px solid var(--accent-primary)}.contact-box h2{margin-bottom:1rem;font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;font-size:1.5rem;letter-spacing:1px}.contact-box p{margin-bottom:2rem;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.social-links-row{margin-top:2rem;display:flex;justify-content:center;gap:1.5rem}.ticker-wrap{position:fixed;bottom:0;left:0;width:100%;overflow:hidden;height:40px;background-color:#0f172afa;border-top:1px solid var(--accent-glow);z-index:9999;display:flex;align-items:center}.ticker{display:inline-block;white-space:nowrap;animation:ticker 40s linear infinite;padding-left:100%}.ticker-item{display:inline-block;padding:0 1.5rem;font-family:var(--font-mono);color:var(--accent-primary);font-size:.9rem;letter-spacing:1px}@keyframes ticker{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.footer-text{padding-bottom:50px!important;text-align:center;color:var(--text-secondary);opacity:.7;margin-top:1rem}.mt-large{margin-top:4rem}.timeline-container{padding-left:2rem;border-left:2px solid var(--accent-glow);margin-left:1rem}.timeline-item{position:relative;margin-bottom:2rem}.timeline-marker{position:absolute;left:-2.6rem;top:.5rem;width:1rem;height:1rem;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 10px var(--accent-glow)}.timeline-content{background:#0f172a99;border:1px solid rgba(56,189,248,.1);padding:1.5rem;border-radius:4px}.date{font-family:var(--font-mono);color:var(--accent-primary);font-size:.8rem;display:block;margin-bottom:.5rem}.timeline-content h3{margin-bottom:.2rem;font-size:1.2rem}.institution{color:var(--text-secondary);font-size:.9rem;display:block;margin-bottom:1rem}.job-details{margin-left:1rem;color:var(--text-secondary);font-size:.9rem;list-style-type:square}.education-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.education-card{padding:2rem;border:1px solid rgba(56,189,248,.2);background:linear-gradient(90deg,#0f172acc,#0f172a66)}.edu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.edu-grade{background:#38bdf81a;padding:.2rem .8rem;border-radius:20px;color:var(--accent-primary);font-family:var(--font-mono);font-size:.8rem}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.cert-card{display:flex;gap:1rem;padding:1.5rem;border:1px solid rgba(56,189,248,.1);transition:transform .3s}.cert-card:hover{transform:translateY(-5px);border-color:var(--accent-primary)}.cert-icon{font-size:2rem}.cert-info h3{font-size:1rem;margin-bottom:.2rem}.issuer{display:block;color:var(--accent-primary);font-size:.8rem;font-family:var(--font-mono);margin-bottom:.5rem}.cert-date{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem}.cert-info p{font-size:.85rem;color:var(--text-secondary);line-height:1.4}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.typewriter-text{font-size:1.2rem}.section-header h2{font-size:1.3rem}.nav-bar{padding:0 1rem;height:70px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.nav-content{flex-direction:row;flex-wrap:wrap;width:100%}.nav-header{width:100%;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.2rem}.menu-toggle{display:block}.nav-links{display:flex;flex-direction:column;width:100%;position:absolute;top:70px;left:0;background:#0f172afa;border-bottom:1px solid var(--accent-glow);padding:2rem 0;gap:1.5rem;align-items:center;z-index:999;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .4s cubic-bezier(.16,1,.3,1)}.nav-links.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-links a{font-size:1.2rem;width:100%;text-align:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}main{padding-top:80px}.hero-actions{flex-wrap:wrap;width:100%}.btn{width:100%;text-align:center}.projects-grid,.skills-container,.education-grid,.cert-grid{grid-template-columns:1fr!important}.section-pad{padding-top:1rem;padding-bottom:1rem}.container{padding:0 1rem}.contact-box{padding:1.5rem}}:root{--bg-color: #0f172a;--bg-gradient: linear-gradient(to bottom, #0f172a, #1e293b);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #38bdf8;--accent-glow: rgba(56, 189, 248, .3);--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(56, 189, 248, .2);--glass-blur: 12px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-speed)}a:hover{text-shadow:0 0 10px var(--accent-glow)}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:12px}