.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 #ff00c1,-2px 0 #00fff9}.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:var(--font-sans);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-display);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-family:var(--font-display);font-size:4.5rem;line-height:1.2;font-weight:700;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-path:inset(40% 0 20% 0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 #00fff9;clip-path:inset(60% 0 5% 0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip-path:inset(30% 0 60% 0)}5%{clip-path:inset(70% 0 10% 0)}10%{clip-path:inset(10% 0 15% 0)}15%{clip-path:inset(40% 0 50% 0)}20%{clip-path:inset(5% 0 0% 0)}to{clip-path:inset(0 0 100% 0)}}@keyframes glitch-anim2{0%{clip-path:inset(10% 0 20% 0)}5%{clip-path:inset(30% 0 60% 0)}10%{clip-path:inset(50% 0 30% 0)}15%{clip-path:inset(70% 0 10% 0)}20%{clip-path:inset(5% 0 65% 0)}to{clip-path:inset(0 0 100% 0)}}.cursor{display:inline-block;width:10px;height:1.5rem;background:var(--accent-primary);animation:blink 1s infinite;vertical-align:middle}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.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)}a:focus-visible,.btn:focus-visible,.menu-toggle:focus-visible,.project-card:focus-visible,.cert-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.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 p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:.75rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{font-family:var(--font-mono);font-size:.75rem;padding:.25rem .75rem;border:1px solid var(--glass-border);border-radius:2px;color:var(--accent-primary);background:#38bdf80d;letter-spacing:.5px}.card-content h3{font-family:var(--font-display);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-display);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-display);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:50;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{font-family:var(--font-display);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;cursor:pointer}.cert-card:hover{transform:translateY(-5px);border-color:var(--accent-primary)}.cert-icon{color:var(--accent-primary);flex-shrink:0;display:flex;align-items:center}.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(prefers-reduced-motion:reduce){.glitch:before,.glitch:after{animation:none}.ticker,.cursor{animation:none}.progress-fill,.project-card,.cert-card{transition:none}}@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}}.skip-to-content{position:absolute;top:-100%;left:1rem;z-index:9999;padding:.75rem 1.5rem;background:var(--accent-primary);color:var(--bg-color);font-family:var(--font-mono);font-weight:700;border-radius:0 0 4px 4px;transition:top .2s}.skip-to-content:focus{top:0}.nav-links a[aria-current=page]{color:var(--accent-primary);text-shadow:0 0 8px var(--accent-glow)}.nav-links a[aria-current=page]:before,.nav-links a[aria-current=page]:after{opacity:1;transform:translate(0)}.project-github-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);border:1px solid var(--glass-border);padding:.4rem .8rem;border-radius:4px;transition:all .3s;min-height:44px;min-width:44px}.project-github-link:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:#38bdf80d}@media(max-width:768px){.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.nav-links a{min-height:44px;display:flex;align-items:center;justify-content:center}.social-links-row a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}}: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: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", -apple-system, 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}