@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Orbitron:wght@400;700;900&display=swap";:root{--primary-color:#0f8;--secondary-color:#08f;--accent-color:#f08;--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#888;--border-color:#00ff884d;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--shadow-glow:0 0 20px #00ff884d;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .5s cubic-bezier(.68, -.55, .265, 1.55);--container-padding:clamp(1rem, 5vw, 3rem);--section-spacing:clamp(2rem, 8vh, 6rem);--border-radius:.5rem;--border-radius-lg:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .375vw, 1rem);--text-base:clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-3xl:clamp(1.875rem, 1.5rem + 1.875vw, 3rem);--text-4xl:clamp(2.25rem, 1.8rem + 2.25vw, 4rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:JetBrains Mono,monospace;line-height:1.6;font-size:var(--text-base);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}#matrix-canvas{z-index:-2;opacity:.1;width:100vw;height:100vh;position:fixed;top:0;left:0}#particles-container{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.particle{background:var(--primary-color);border-radius:50%;width:2px;height:2px;animation:6s linear infinite float;position:absolute}@keyframes float{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)rotate(360deg)}}.main-container{z-index:1;transition:opacity .5s,visibility .5s;position:relative}.nav-container{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);transition:var(--transition-smooth);background:#0a0a0ae6;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-container.scrolled{box-shadow:var(--shadow-glow);background:#0a0a0af2}.nav-brand{color:var(--primary-color);align-items:center;gap:.2rem;font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;display:flex}.brand-cursor{color:var(--accent-color);animation:1s infinite blink}.nav-menu{align-items:center;gap:2rem;display:flex}.nav-item{cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.nav-item:hover,.nav-item.active{color:var(--primary-color)}.nav-toggle{cursor:pointer;flex-direction:column;gap:4px;display:none}.nav-toggle span{background:var(--primary-color);width:25px;height:2px;transition:var(--transition-smooth)}.hero-section{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.hero-content{text-align:center;z-index:2;max-width:800px}.glitch-container{margin-bottom:2rem}.hero-title{margin-bottom:1rem;font-family:Orbitron,monospace;font-size:clamp(3rem,8vw,6rem);font-weight:900;position:relative}.terminal-line{color:var(--text-secondary);margin-bottom:2rem;font-size:clamp(1.2rem,3vw,2rem)}.prompt{color:var(--primary-color);margin-right:.5rem}.typed-text{color:var(--secondary-color)}.cursor-blink{color:var(--accent-color);animation:1s infinite blink}.hero-description{margin-bottom:3rem}.hero-description p{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.2rem}.social-links{justify-content:center;gap:2rem;margin-bottom:4rem;display:flex}.social-link{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);width:60px;height:60px;color:var(--text-primary);transition:var(--transition-bounce);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;text-decoration:none;display:flex;position:relative}.social-link:hover{box-shadow:var(--shadow-glow);color:var(--primary-color);border-color:var(--primary-color);background:#00ff881a;transform:translateY(-5px)scale(1.1)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-arrow{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);cursor:pointer;width:40px;height:40px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;animation:2s infinite bounce;display:flex}.scroll-arrow:hover{background:var(--primary-color);color:var(--bg-primary);transform:scale(1.1)}.content-section{max-width:1200px;margin:0 auto;padding:6rem 2rem;position:relative}#showcase-section,#timeline-section{max-width:none;padding:6rem 1rem}.section-header{text-align:center;margin-bottom:4rem}.section-title{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;font-family:Orbitron,monospace;font-size:clamp(2rem,5vw,3rem);font-weight:700;display:flex}.section-icon{color:var(--primary-color);font-size:.8em}.timeline-container{position:relative;overflow:hidden}.timeline-filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.filter-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border-radius:25px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-family:inherit;font-size:.9rem;display:flex;position:relative}.filter-btn.active{border-color:var(--primary-color);color:var(--primary-color);background:#00ff881a;box-shadow:0 5px 15px #0f83}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#00ff881a;transform:translateY(-2px);box-shadow:0 5px 15px #0f83}.timeline-wrapper{padding:2rem 0;position:relative}.timeline-track{position:relative}@media (width>=769px){.timeline-wrapper{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;cursor:grab;-webkit-user-select:none;user-select:none;overflow:auto hidden}.timeline-wrapper:active{cursor:grabbing}.timeline-wrapper::-webkit-scrollbar{display:none}.timeline-track{justify-content:flex-start;align-items:flex-start;width:fit-content;min-width:100%;padding:2rem 3rem;display:flex}}@media (width<=768px){.timeline-wrapper{cursor:default;-webkit-user-select:auto;user-select:auto;padding:1rem 0;overflow:hidden visible}.timeline-track{max-width:100%;padding:0 1rem;display:block}}.timeline-line{z-index:1;background:linear-gradient(90deg,#0000 0%,#00ff881a 5%,#00ff884d 20% 80%,#00ff881a 95%,#0000 100%);animation:4s ease-in-out infinite alternate timelineGlow;position:absolute;box-shadow:0 0 15px #00ff881a,inset 0 0 5px #00ff880d}.timeline-line:after{content:"";opacity:.5;pointer-events:none;background-image:repeating-linear-gradient(90deg,#00ff884d 0 1px,#0000 1px 100px);position:absolute;inset:0}@media (width>=769px){.timeline-line{height:2px;top:44px;left:0;right:0;transform:none}}@media (width<=768px){.timeline-line{background:linear-gradient(#0000 0%,#00ff881a 5%,#00ff884d 20% 80%,#00ff881a 95%,#0000 100%);width:2px;top:0;bottom:0;left:16px}.timeline-line:after{background-image:repeating-linear-gradient(#00ff884d 0 1px,#0000 1px 50px)}}.timeline-line:before{content:"";z-index:2;background:linear-gradient(90deg,#0000 0%,#0f80 20%,#0f8c 50%,#0f80 80%,#0000 100%);width:200px;height:100%;animation:3s cubic-bezier(.4,0,.2,1) infinite dataFlow;position:absolute;top:0;left:-200px}@media (width<=768px){.timeline-line:before{background:linear-gradient(#0000 0%,#0f80 20%,#0f8c 50%,#0f80 80%,#0000 100%);width:100%;height:150px;animation:3s cubic-bezier(.4,0,.2,1) infinite dataFlowVertical;top:-150px;left:0}}@keyframes dataFlow{0%{opacity:0;left:-200px}20%{opacity:1}80%{opacity:1}to{opacity:0;left:100%}}@keyframes dataFlowVertical{0%{opacity:0;top:-150px}20%{opacity:1}80%{opacity:1}to{opacity:0;top:100%}}@keyframes timelineGlow{0%{box-shadow:0 0 10px #00ff884d,inset 0 0 10px #00ff881a}to{box-shadow:0 0 20px #0f89,inset 0 0 15px #0f83}}.timeline-progress{z-index:2;background:linear-gradient(90deg, var(--secondary-color) 0%, var(--primary-color) 100%);transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 0 20px #0f86,inset 0 0 10px #fff3}.timeline-progress:after{content:"";background:var(--primary-color);box-shadow:0 0 20px var(--primary-color), 0 0 40px var(--primary-color);z-index:3;border-radius:50%;position:absolute}@media (width>=769px){.timeline-progress{border-radius:2px;height:4px;top:44px;left:0;transform:translateY(-50%)}.timeline-progress:after{width:12px;height:12px;animation:1.5s ease-in-out infinite scannerPulse;top:50%;right:-4px;transform:translateY(-50%)}}@media (width<=768px){.timeline-progress{background:linear-gradient(180deg, var(--secondary-color) 0%, var(--primary-color) 100%);border-radius:2px;width:4px;top:0;left:16px}.timeline-progress:after{width:12px;height:12px;animation:1.5s ease-in-out infinite scannerPulse;bottom:-4px;left:50%;transform:translate(-50%)}}@keyframes scannerPulse{0%{transform:translate(var(--tw-translate-x,0), var(--tw-translate-y,-50%)) scale(1);box-shadow:0 0 15px var(--primary-color);opacity:1}50%{transform:translate(var(--tw-translate-x,0), var(--tw-translate-y,-50%)) scale(1.3);box-shadow:0 0 25px var(--primary-color), 0 0 35px var(--primary-color);opacity:.8}to{transform:translate(var(--tw-translate-x,0), var(--tw-translate-y,-50%)) scale(1);box-shadow:0 0 15px var(--primary-color);opacity:1}}@media (width>=769px){@keyframes scannerPulse{0%,to{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.3)}}}@media (width<=768px){@keyframes scannerPulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.3)}}}.timeline-items{z-index:3;position:relative}.timeline-item{cursor:pointer;opacity:0;will-change:transform, opacity;position:relative;transform:translateY(24px)}@media (width>=769px){.timeline-items{justify-content:flex-start;align-items:center;gap:5rem;width:fit-content;min-width:100%;display:flex}.timeline-item{scroll-snap-align:center;flex-direction:column;flex-shrink:0;align-items:center;width:350px;display:flex}}@media (width>=1400px){.timeline-items{gap:4.5rem}}@media (width>=1800px){.timeline-items{gap:4rem}}@media (width<=768px){.timeline-items{display:block}.timeline-item{align-items:flex-start;margin-bottom:3rem;padding-left:50px;display:flex}}.timeline-item.visible{animation:.6s cubic-bezier(.22,1,.36,1) both timelineItemIn;animation-delay:calc(var(--item-index,0) * 65ms)}@keyframes timelineItemIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.timeline-item:hover .timeline-dot{transform:scale(1.25);box-shadow:0 0 28px #00ff88e6}.timeline-item:hover .timeline-content{border-color:var(--primary-color);transform:translateY(-6px);box-shadow:0 14px 36px #00ff8838}.timeline-dot{background:var(--primary-color);border:4px solid var(--bg-primary);color:var(--bg-primary);z-index:4;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:flex;position:relative;box-shadow:0 0 20px #00ff8880}.timeline-dot:before{content:"";background:inherit;opacity:.5;z-index:-1;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite dotSignal;position:absolute;top:0;left:0}@keyframes dotSignal{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@media (width>=769px){.timeline-dot{width:24px;height:24px;margin-bottom:1rem;font-size:.8rem;position:relative}}@media (width<=768px){.timeline-dot{border-width:3px;width:20px;height:20px;font-size:.7rem;position:absolute;top:0;left:-10px}}.timeline-dot.work{background:var(--primary-color)}.timeline-dot.education{background:var(--secondary-color)}.timeline-dot.certification{background:var(--accent-color)}.timeline-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);will-change:transform;border-radius:15px;flex-direction:column;justify-content:center;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .25s;display:flex;position:relative;overflow:hidden}@media (width>=769px){.timeline-content{text-align:center;width:320px;height:180px;padding:2rem}}@media (width<=768px){.timeline-content{text-align:left;width:100%;min-height:120px;padding:1.5rem}}.timeline-content:before{content:"";width:100%;height:100%;transition:var(--transition-smooth);background:linear-gradient(90deg,#0000,#00ff881a,#0000);position:absolute;top:0;left:-100%}.timeline-content:hover:before{left:100%}.timeline-date{color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.timeline-content h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem;font-weight:600;line-height:1.3}.timeline-content p{color:var(--text-secondary);font-size:1rem;line-height:1.4}@media (width>=769px){.timeline-item[data-category=work] .timeline-content{border-top:2px solid var(--primary-color)}.timeline-item[data-category=education] .timeline-content{border-top:2px solid var(--secondary-color)}.timeline-item[data-category=certification] .timeline-content{border-top:2px solid var(--accent-color)}}@media (width<=768px){.timeline-item[data-category=work] .timeline-content{border-left:3px solid var(--primary-color)}.timeline-item[data-category=education] .timeline-content{border-left:3px solid var(--secondary-color)}.timeline-item[data-category=certification] .timeline-content{border-left:3px solid var(--accent-color)}}.timeline-nav{display:none}.timeline-nav-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.timeline-nav-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#00ff881a;transform:scale(1.1)}.timeline-nav-btn:disabled,.timeline-nav-btn.disabled{opacity:.3;cursor:not-allowed;background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-muted);transform:none}.timeline-nav-btn.scrolling{opacity:.7;cursor:not-allowed;border-color:var(--primary-color);color:var(--primary-color);background:#00ff881a;transform:none}.timeline-indicator{align-items:center;gap:.5rem;display:flex}.timeline-dot-indicator{background:var(--glass-border);cursor:pointer;width:8px;height:8px;transition:var(--transition-smooth);border-radius:50%}.timeline-dot-indicator.active{background:var(--primary-color);transform:scale(1.2)}.timeline-dot-indicator:hover{background:var(--secondary-color)}.timeline-search{justify-content:center;margin-bottom:2rem;display:flex}.timeline-search input{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-primary);width:300px;transition:var(--transition-smooth);border-radius:25px;padding:.8rem 1.5rem;font-family:inherit;font-size:.9rem}.timeline-search input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 20px #0f83}.timeline-search input::placeholder{color:var(--text-muted)}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:none;margin-top:3rem;padding:0 2rem;display:grid}@media (width>=600px) and (width<=799px){.showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=800px) and (width<=999px){.showcase-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1000px) and (width<=1199px){.showcase-grid{grid-template-columns:repeat(4,1fr);gap:1.8rem}}@media (width>=1200px){.showcase-grid{grid-template-columns:repeat(5,1fr);gap:2rem}}.showcase-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);transition:var(--transition-bounce);cursor:pointer;border-radius:20px;flex-direction:column;height:350px;animation:6s ease-in-out infinite cardFloat;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.showcase-card:first-child{animation-delay:0s}.showcase-card:nth-child(2){animation-delay:1s}.showcase-card:nth-child(3){animation-delay:2s}.showcase-card:nth-child(4){animation-delay:3s}.showcase-card:before{content:"";opacity:0;transition:var(--transition-smooth);z-index:1;background:linear-gradient(135deg,#00ff881a 0%,#0088ff1a 100%);position:absolute;inset:0}.showcase-card:hover:before{opacity:1}.showcase-card:hover{border-color:var(--primary-color);animation-play-state:paused;transform:translateY(-20px)scale(1.05);box-shadow:0 30px 60px #0f86}.showcase-image{background-position:50%;background-size:cover;border-radius:20px 20px 0 0;flex:1;width:100%;min-height:0;position:relative}.showcase-overlay{background:linear-gradient(#0000001a 0%,#0000004d 50%,#000c 100%);border-radius:20px 20px 0 0;position:absolute;inset:0}.showcase-content{z-index:2;flex-direction:column;justify-content:space-between;min-height:35%;padding:1.25rem;display:flex;position:relative}.showcase-title{color:var(--text-primary);margin-bottom:.6rem;font-family:Orbitron,monospace;font-size:1.25rem;font-weight:600;line-height:1.3}.tech-stack{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.tech-badge{color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;transition:var(--transition-smooth);white-space:nowrap;background:#00ff8826;border:1px solid #0f86;border-radius:20px;flex-shrink:0;padding:.3rem .7rem;font-size:.7rem;font-weight:600}.tech-badge:hover{background:#00ff8840;transform:scale(1.05)}.cv-container{justify-content:center;align-items:center;min-height:400px;display:flex}.cv-preview{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);cursor:pointer;width:100%;max-width:600px;height:400px;transition:var(--transition-smooth);border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cv-preview:before{content:"";width:100%;height:100%;transition:var(--transition-smooth);background:linear-gradient(90deg,#0000,#00ff881a,#0000);position:absolute;top:0;left:-100%}.cv-preview:hover:before{left:100%}.cv-preview:hover{box-shadow:var(--shadow-glow);border-color:var(--primary-color);transform:translateY(-5px)}.cv-placeholder{text-align:center;color:var(--text-secondary)}.cv-placeholder i{color:var(--primary-color);margin-bottom:1rem;font-size:4rem}.cv-placeholder p{font-size:1.2rem}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;opacity:0;visibility:hidden;transition:var(--transition-smooth);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:var(--bg-secondary);border:1px solid var(--border-color);width:800px;max-width:90vw;max-height:90vh;transition:var(--transition-bounce);border-radius:20px;overflow:hidden;transform:scale(.8)}.modal-overlay.active .modal-container{transform:scale(1)}.modal-header{border-bottom:1px solid var(--border-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-title{color:var(--primary-color);font-family:Orbitron,monospace;font-size:1.5rem;font-weight:600}.modal-close{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;padding:.5rem;font-size:1.5rem}.modal-close:hover{color:var(--accent-color);background:#ff00881a;transform:rotate(90deg)}.modal-content{max-height:70vh;padding:2rem;overflow-y:auto}.loading-screen{background:var(--bg-primary);z-index:9999;justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-content{text-align:center;max-width:400px}.loading-logo{margin-bottom:2rem;font-family:Orbitron,monospace;font-size:3rem;font-weight:900}.loading-bar{background:var(--bg-tertiary);border-radius:2px;width:100%;height:4px;margin-bottom:1rem;overflow:hidden}.loading-progress{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));width:0%;height:100%;transition:width .3s;animation:2s infinite shimmer}.loading-text{color:var(--text-secondary);font-size:1rem}.glitch{color:var(--text-primary);animation:1s linear infinite alternate-reverse glitch-skew;position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--accent-color);z-index:-1;animation:.5s linear infinite alternate-reverse glitch-anim-1}.glitch:after{color:var(--secondary-color);z-index:-2;animation:1s linear infinite alternate-reverse glitch-anim-2}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes glitch-anim-1{0%{clip:rect(42px, 9999px, 44px, 0);transform:skew(.85deg)}5%{clip:rect(12px, 9999px, 59px, 0);transform:skew(.4deg)}10%{clip:rect(48px, 9999px, 29px, 0);transform:skew(.1deg)}15%{clip:rect(42px, 9999px, 73px, 0);transform:skew(.7deg)}20%{clip:rect(63px, 9999px, 27px, 0);transform:skew(.4deg)}25%{clip:rect(34px, 9999px, 55px, 0);transform:skew(.2deg)}30%{clip:rect(86px, 9999px, 73px, 0);transform:skew(.8deg)}35%{clip:rect(20px, 9999px, 20px, 0);transform:skew(.5deg)}40%{clip:rect(26px, 9999px, 60px, 0);transform:skew(.35deg)}45%{clip:rect(25px, 9999px, 66px, 0);transform:skew(.6deg)}50%{clip:rect(57px, 9999px, 98px, 0);transform:skew(.25deg)}55%{clip:rect(5px, 9999px, 46px, 0);transform:skew(.9deg)}60%{clip:rect(82px, 9999px, 31px, 0);transform:skew(.6deg)}65%{clip:rect(54px, 9999px, 27px, 0);transform:skew(.4deg)}70%{clip:rect(28px, 9999px, 99px, 0);transform:skew(.3deg)}75%{clip:rect(45px, 9999px, 69px, 0);transform:skew(.8deg)}80%{clip:rect(23px, 9999px, 85px, 0);transform:skew(.2deg)}85%{clip:rect(54px, 9999px, 84px, 0);transform:skew(.7deg)}90%{clip:rect(45px, 9999px, 61px, 0);transform:skew(.05deg)}95%{clip:rect(68px, 9999px, 18px, 0);transform:skew(.9deg)}to{clip:rect(37px, 9999px, 25px, 0);transform:skew(.4deg)}}@keyframes glitch-anim-2{0%{clip:rect(65px, 9999px, 100px, 0);transform:skew(.02deg)}5%{clip:rect(52px, 9999px, 74px, 0);transform:skew(.05deg)}10%{clip:rect(79px, 9999px, 85px, 0);transform:skew(.15deg)}15%{clip:rect(75px, 9999px, 5px, 0);transform:skew(.02deg)}20%{clip:rect(67px, 9999px, 61px, 0);transform:skew(.15deg)}25%{clip:rect(14px, 9999px, 79px, 0);transform:skew(.05deg)}30%{clip:rect(1px, 9999px, 66px, 0);transform:skew(.07deg)}35%{clip:rect(86px, 9999px, 30px, 0);transform:skew(.25deg)}40%{clip:rect(23px, 9999px, 98px, 0);transform:skew(.15deg)}45%{clip:rect(85px, 9999px, 72px, 0);transform:skew(.09deg)}50%{clip:rect(71px, 9999px, 75px, 0);transform:skew(.18deg)}55%{clip:rect(2px, 9999px, 48px, 0);transform:skew(.04deg)}60%{clip:rect(30px, 9999px, 16px, 0);transform:skew(.32deg)}65%{clip:rect(59px, 9999px, 50px, 0);transform:skew(.05deg)}70%{clip:rect(41px, 9999px, 33px, 0);transform:skew(.15deg)}75%{clip:rect(92px, 9999px, 53px, 0);transform:skew(.07deg)}80%{clip:rect(40px, 9999px, 90px, 0);transform:skew(.25deg)}85%{clip:rect(80px, 9999px, 45px, 0);transform:skew(.18deg)}90%{clip:rect(6px, 9999px, 85px, 0);transform:skew(.03deg)}95%{clip:rect(70px, 9999px, 39px, 0);transform:skew(.4deg)}to{clip:rect(29px, 9999px, 56px, 0);transform:skew(.25deg)}}@keyframes glitch-skew{0%{transform:skew(0deg)}10%{transform:skew(-1deg)}20%{transform:skew(1deg)}30%{transform:skew(0deg)}40%{transform:skew(1deg)}50%{transform:skew(-1deg)}60%{transform:skew(0deg)}70%{transform:skew(-1deg)}80%{transform:skew(1deg)}90%{transform:skew(0deg)}to{transform:skew(-1deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.fade-in-up{opacity:0;animation:.8s forwards fadeInUp;transform:translateY(30px)}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (width<=768px){.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;height:calc(100vh - 80px);transition:var(--transition-smooth);background:#0a0a0af2;flex-direction:column;justify-content:flex-start;padding-top:2rem;position:fixed;top:80px;left:-100%}.nav-menu.active{left:0}.nav-toggle{display:flex}.nav-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.hero-section{text-align:center;padding:1rem}.social-links{gap:1rem}.social-link{width:50px;height:50px;font-size:1.2rem}.content-section{padding:4rem 1rem}.timeline-content h3{font-size:1rem}.timeline-content p{font-size:.8rem}.timeline-search input{width:250px;font-size:.8rem}.showcase-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.showcase-card{height:380px}.filter-btn{padding:.6rem 1rem;font-size:.8rem}.modal-container{width:95vw;margin:1rem}.modal-header,.modal-content{padding:1rem}.tech-badge{letter-spacing:.4px;padding:.25rem .6rem;font-size:.65rem}.tech-stack{gap:.35rem}.showcase-content{min-height:150px;padding:1rem}.showcase-title{margin-bottom:.6rem;font-size:1.2rem}}@media (width<=480px){.hero-title{font-size:2.5rem}.terminal-line{font-size:1rem}.section-title{font-size:1.8rem}.showcase-card{height:320px}.timeline-filters{gap:.5rem}.filter-btn{padding:.5rem .8rem;font-size:.7rem}.timeline-content h3{font-size:.9rem}}.container{width:100%;max-width:1200px;padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--section-spacing) 0}.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:1}.aspect-portrait{aspect-ratio:3/4}.focus-visible:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--border-radius)}.backdrop-blur{-webkit-backdrop-filter:blur(10px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.space-y-4>*+*{margin-top:1rem}.space-y-8>*+*{margin-top:2rem}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.animate-fade-in{animation:.5s ease-in-out fadeIn}.animate-slide-up{animation:.5s ease-out slideUp}.animate-slide-down{animation:.5s ease-out slideDown}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width>=640px){.sm\:text-lg{font-size:var(--text-lg)}}@media (width>=768px){.md\:text-xl{font-size:var(--text-xl)}}@media (width>=1024px){.lg\:text-2xl{font-size:var(--text-2xl)}}@supports (container-type:inline-size){.container-query{container-type:inline-size}@container (width>=300px){.container-query .responsive-text{font-size:var(--text-lg)}}}.timeline-content p{font-size:.75rem}.timeline-date{font-size:.7rem}.timeline-search input{width:200px;padding:.6rem 1rem;font-size:.75rem}.tech-badge{letter-spacing:.3px;padding:.3rem .6rem;font-size:.65rem}.tech-stack{gap:.3rem}.showcase-content{min-height:120px;padding:1rem}.showcase-title{margin-bottom:.5rem;font-size:1.1rem}::-webkit-scrollbar{background:0 0;width:0}*{scrollbar-width:none;-ms-overflow-style:none}::selection{color:var(--text-primary);background:#00ff884d}