:root{--color-bg: #0a0a0a;--color-bg-alt: #050505;--color-bg-card: #1a1a1a;--color-accent: #00e38c;--color-accent-dk: #00c078;--color-text: #e0e0e0;--color-body: #c0c0c0;--color-muted: #a0a0a0;--color-border: #2a2a2a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#e0e0e0;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1000px;margin:0 auto;padding:0 20px}.header{background:#000;border-bottom:2px solid #00e38c;padding:1rem 0;position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo{font-size:1.5rem;color:#00e38c;font-weight:700}.nav{display:flex;gap:1.25rem;flex-wrap:wrap}.nav a{color:#e0e0e0;text-decoration:none;transition:color .2s}.nav a:hover{color:#00e38c}.hero{background:linear-gradient(135deg,#000,#0a0a0a);padding:5rem 0;text-align:center;border-bottom:1px solid #1a1a1a;position:relative;overflow:hidden}.hero-glitch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.12}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-content{position:relative;z-index:2}.hero h2{font-size:3rem;color:#00e38c;margin-bottom:.5rem}.hero-blur-text{font-size:3rem;color:#00e38c;font-weight:700;justify-content:center;margin:0}.subtitle{font-size:1.25rem;color:#a0a0a0;margin-bottom:1rem}.description{font-size:1.1rem;color:#e0e0e0;max-width:600px;margin:0 auto}.section{padding:4rem 0}.section-alt{background:#050505}.section h3{font-size:2rem;color:#00e38c;margin-bottom:2rem;text-align:center}.section h3:after{content:"";display:block;width:36px;height:2px;background:#00e38c;margin:.5rem auto 0;opacity:.6}.content{max-width:800px;margin:0 auto}.content p{margin-bottom:1.5rem;font-size:1.05rem;color:silver}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.card{display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#00e38c}.card h4{color:#00e38c;font-size:1.25rem;margin-bottom:.75rem}.card p{color:silver;margin-bottom:1.25rem;font-size:.95rem;line-height:1.6;flex:1}.card .btn{align-self:flex-start;margin-top:auto}.btn{display:inline-block;background:transparent;color:var(--color-accent);border:1px solid var(--color-accent);padding:.5rem 1.1rem;text-decoration:none;border-radius:4px;font-weight:600;font-size:.85rem;font-family:JetBrains Mono NL,monospace;letter-spacing:.04em;transition:background .2s,color .2s}.btn:hover{background:var(--color-accent);color:#000}.cert-category{color:#00e38c;font-size:1.5rem;margin-top:3rem;margin-bottom:1.5rem;text-align:center}.cert-category:first-of-type{margin-top:0}.certs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.cert-item{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.cert-item strong{color:#e0e0e0;font-size:1.1rem}.cert-item a{color:#00e38c;text-decoration:none;font-size:.9rem}.cert-item a:hover{text-decoration:underline}.badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600;width:fit-content}.badge.platinum{background:#e5e4e2;color:#000}.badge.gold{background:gold;color:#000}.badge.bronze{background:#cd7f32;color:#fff}.badge.diamond{background:linear-gradient(135deg,#b9f2ff,#4fc3f7,#81d4fa);color:#000;box-shadow:0 2px 8px #4fc3f74d}.percentile{display:inline-block;font-size:.85rem;color:#a0a0a0;font-style:italic}.achievement{display:block;font-size:.9rem;color:#00e38c;font-weight:500}.contact-section{position:relative}.contact-faulty{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;pointer-events:none}.contact-container{position:relative;z-index:1}.contact-info{text-align:center;font-size:1.1rem}.contact-info p{margin-bottom:1rem}.contact-info a{color:#00e38c;text-decoration:none}.contact-info a:hover{text-decoration:underline}.footer{background:#000;border-top:2px solid #00e38c;padding:2rem 0;margin-top:auto;text-align:center}.footer p{color:#a0a0a0}.hero-scramble-text{font-size:3rem;color:#00e38c;font-weight:700;margin-bottom:.5rem;cursor:default}.scramble-static{color:#00e38c}.scramble-name{color:#00e38c;transition:color .1s}.scramble-active{color:#00e38c;font-family:JetBrains Mono NL,monospace}.subtitle-terminal{font-family:JetBrains Mono NL,monospace;font-size:1.1rem;color:#00e38c;letter-spacing:.08em;margin-bottom:1rem;animation:terminal-flicker 3s ease-in-out infinite}@keyframes terminal-flicker{0%,to{opacity:1}45%{opacity:1}50%{opacity:.7}55%{opacity:1}80%{opacity:1}83%{opacity:.85}86%{opacity:1}}.about-section{position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,227,140,.015) 3px,rgba(0,227,140,.015) 4px);pointer-events:none;z-index:0}.about-container{position:relative;z-index:1}.skills-tabs{display:flex;gap:0;border-bottom:1px solid #2a2a2a;margin-bottom:2.5rem}.skills-tab{background:none;border:none;border-bottom:2px solid transparent;color:#a0a0a0;cursor:pointer;font-size:1rem;font-family:inherit;padding:.75rem 1.5rem;transition:color .2s,border-color .2s;margin-bottom:-1px}.skills-tab:hover{color:#e0e0e0}.skills-tab--active{color:#00e38c;border-bottom-color:#00e38c}.skills-content{min-height:260px}.skills-panel{animation:skills-fade-in .2s ease}@keyframes skills-fade-in{0%{opacity:0}to{opacity:1}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.skills-card{border-radius:8px}.skills-card h4{color:#00e38c;font-size:1.1rem;margin-bottom:1rem}.skills-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.skills-list li{color:silver;font-size:.95rem;padding-left:1rem;position:relative}.skills-list li:before{content:"›";color:#00e38c;position:absolute;left:0}.timeline{position:relative;display:flex;flex-direction:column;gap:2rem}.timeline:before{content:"";position:absolute;left:10px;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(to bottom,var(--color-accent),rgba(0,227,140,.15))}.timeline-entry{display:flex;gap:1.75rem;align-items:flex-start}.timeline-marker{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--color-bg-card);border:2px solid var(--color-accent);margin-top:1.75rem;position:relative;z-index:1;box-shadow:0 0 12px #00e38c40}.timeline-content{flex:1;min-width:0;border-left:3px solid rgba(0,227,140,.35)!important}.timeline-content:hover{border-left-color:var(--color-accent)!important}.timeline-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.35rem}.timeline-role{color:var(--color-accent);font-size:1.2rem}.timeline-period{font-family:JetBrains Mono NL,monospace;font-size:.85rem;color:var(--color-muted);white-space:nowrap}.timeline-org{color:var(--color-body);font-size:.9rem;font-style:italic;margin-bottom:1rem}.timeline-bullets li{line-height:1.5}.card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.tag{font-family:JetBrains Mono NL,monospace;font-size:.72rem;background:#00e38c14;color:var(--color-accent);border:1px solid rgba(0,227,140,.25);border-radius:3px;padding:.2rem .5rem;letter-spacing:.04em}.cert-pending{color:var(--color-muted);font-style:italic}.cert-pending:before{content:"○"!important;color:var(--color-muted)!important}.github-section{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--color-border)}.github-heading{font-family:JetBrains Mono NL,monospace;font-size:1rem;color:var(--color-accent);letter-spacing:.06em;margin-bottom:1.5rem;text-align:center}.github-stats-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem}.github-stats-img{max-width:100%;height:auto;border-radius:8px}.github-all-link{display:block;text-align:center;margin-top:1.5rem;font-family:JetBrains Mono NL,monospace;font-size:.85rem;color:var(--color-accent);text-decoration:none}.github-all-link:hover{text-decoration:underline}.honors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2rem}.honor-card{display:flex;flex-direction:column;gap:.4rem;transition:transform .2s,border-color .2s}.honor-card:hover{transform:translateY(-4px);border-color:var(--color-accent)}.honor-place{font-family:JetBrains Mono NL,monospace;font-size:2.75rem;font-weight:700;color:var(--color-accent);line-height:1;margin-bottom:.5rem;text-shadow:0 0 20px rgba(0,227,140,.3)}.honor-title{color:var(--color-text);font-size:1.05rem;line-height:1.35}.honor-org{font-size:.85rem;color:var(--color-muted);font-style:italic}.honor-detail{font-size:.9rem;color:var(--color-body)}.honor-verify{margin-top:auto;padding-top:.5rem;font-size:.85rem;color:var(--color-accent);text-decoration:none}.honor-verify:hover{text-decoration:underline}.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.75rem}.hero-stat{font-family:JetBrains Mono NL,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);border:1px solid var(--color-border);border-radius:4px;padding:.35rem .7rem;background:#00e38c08;opacity:0;transform:translateY(8px);animation:hero-stat-in .5s ease forwards;transition:color .2s,border-color .2s,background .2s}.hero-stat:hover{color:var(--color-accent);border-color:var(--color-accent);background:#00e38c14}@keyframes hero-stat-in{to{opacity:1;transform:translateY(0)}}.subtitle-terminal:after{content:"_";margin-left:2px;animation:cursor-blink 1.1s step-end infinite}@keyframes cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.timeline-marker:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid var(--color-accent);animation:timeline-pulse 2.4s ease-out infinite}@keyframes timeline-pulse{0%{transform:scale(.9);opacity:.6}to{transform:scale(2.2);opacity:0}}.skills-pills{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.skills-pills li{font-family:JetBrains Mono NL,monospace;font-size:.78rem;color:var(--color-body);border:1px solid var(--color-border);border-radius:4px;padding:.3rem .65rem;transition:color .2s,border-color .2s}.skills-pills li:hover{color:var(--color-accent);border-color:var(--color-accent)}.project-glitch{display:inline-block}.github-stat-frame{position:relative;border-radius:8px;overflow:hidden}.github-stat-frame:not(.is-loaded){min-width:300px;min-height:180px}.github-stat-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#0e0e0e 30%,#1c1c1c,#0e0e0e 70%);background-size:200% 100%;animation:shimmer 1.3s linear infinite;z-index:0}.github-stat-frame.is-loaded:before{display:none}.github-stat-frame .github-stats-img{position:relative;z-index:1;display:block;opacity:0;transition:opacity .4s ease}.github-stat-frame.is-loaded .github-stats-img{opacity:1}@keyframes shimmer{to{background-position:-200% 0}}.contact-icon{display:inline-block;width:1.3em;font-family:JetBrains Mono NL,monospace;color:var(--color-accent);font-size:.9rem}.contact-resume{margin-top:1.5rem;font-family:JetBrains Mono NL,monospace;font-size:.85rem;color:var(--color-muted)}@media(prefers-reduced-motion:reduce){.hero-stat,.timeline-marker:after,.subtitle-terminal,.subtitle-terminal:after,.github-stat-frame:before{animation:none!important}.hero-stat{opacity:1;transform:none}}@media(max-width:768px){.header{padding:.6rem 0}.header .container{flex-direction:column;align-items:center;text-align:center;gap:.5rem}.nav{flex-wrap:nowrap;justify-content:flex-start;gap:1rem;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;flex-shrink:0;font-size:.9rem}.hero h2,.hero-scramble-text{font-size:2rem}.subtitle-terminal{font-size:.85rem;letter-spacing:.03em}.hero-stats{gap:.45rem}.hero-stat{font-size:.62rem;padding:.3rem .55rem}.github-stat-frame:not(.is-loaded){min-width:240px;min-height:150px}.section{padding:3rem 0}.projects-grid,.certs-grid,.skills-grid,.honors-grid{grid-template-columns:1fr}.timeline:before,.timeline-marker{display:none}.timeline-entry{gap:0}.timeline-header{flex-direction:column;gap:.2rem}.skills-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.skills-tabs::-webkit-scrollbar{display:none}.skills-tab{white-space:nowrap;flex-shrink:0}}.particles-container{position:relative;width:100%;height:100%}.card-spotlight{position:relative;border-radius:8px;border:1px solid #2a2a2a;background-color:#1a1a1a;padding:2rem;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(0, 227, 140, .08)}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}.scrambled-text{font-family:JetBrains Mono NL,monospace;cursor:default;letter-spacing:.05em}.faulty-terminal-container{width:100%;height:100%;position:relative;overflow:hidden}.glitch{color:#00e38c;font-size:inherit;white-space:inherit;font-weight:inherit;position:relative;-webkit-user-select:none;user-select:none}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;color:#00e38c;background-color:#0a0a0a;overflow:hidden;clip-path:inset(0 0 0 0)}.glitch:not(.enable-on-hover):after{left:10px;text-shadow:var(--after-shadow, -5px 0 rgba(0, 80, 40, .9));animation:animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse}.glitch:not(.enable-on-hover):before{left:-10px;text-shadow:var(--before-shadow, 5px 0 rgba(0, 200, 110, .7));animation:animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{content:"";opacity:0;animation:none}.glitch.enable-on-hover:hover:after{content:attr(data-text);opacity:1;left:10px;text-shadow:var(--after-shadow, -5px 0 rgba(0, 80, 40, .9));animation:animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse}.glitch.enable-on-hover:hover:before{content:attr(data-text);opacity:1;left:-10px;text-shadow:var(--before-shadow, 5px 0 rgba(0, 200, 110, .7));animation:animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse}@keyframes animate-glitch{0%{clip-path:inset(20% 0 50% 0)}5%{clip-path:inset(10% 0 60% 0)}10%{clip-path:inset(15% 0 55% 0)}15%{clip-path:inset(25% 0 35% 0)}20%{clip-path:inset(30% 0 40% 0)}25%{clip-path:inset(40% 0 20% 0)}30%{clip-path:inset(10% 0 60% 0)}35%{clip-path:inset(15% 0 55% 0)}40%{clip-path:inset(25% 0 35% 0)}45%{clip-path:inset(30% 0 40% 0)}50%{clip-path:inset(20% 0 50% 0)}55%{clip-path:inset(10% 0 60% 0)}60%{clip-path:inset(15% 0 55% 0)}65%{clip-path:inset(25% 0 35% 0)}70%{clip-path:inset(30% 0 40% 0)}75%{clip-path:inset(40% 0 20% 0)}80%{clip-path:inset(20% 0 50% 0)}85%{clip-path:inset(10% 0 60% 0)}90%{clip-path:inset(15% 0 55% 0)}95%{clip-path:inset(25% 0 35% 0)}to{clip-path:inset(30% 0 40% 0)}}
