@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap";:root{--bg:#181818;--main:#50c878;--secondary:#9fe2bf;--text:#faf9f6;--text-dim:#a0a0a0;--surface:#222;--border:#333;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto Mono,monospace;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}::selection{color:var(--main);background:#000}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--main)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.nav-wrapper{z-index:1000;background-color:var(--bg);border-bottom:2px solid var(--main);justify-content:space-between;align-items:center;width:100%;padding:.35em;display:flex;position:fixed}.navbar{align-items:center;width:100%;padding:.15em;display:flex}.navbar-icon{cursor:pointer;color:var(--text);align-items:center;padding:.15em;transition:color .3s;display:flex}.navbar-icon:hover{color:var(--main)}.icon-text{padding:.35em;font-size:.85rem}.nav-list{gap:.75rem;padding:1.5em;list-style:none;display:flex;position:absolute;right:0}.nav-item{color:var(--text);padding:.15em .75rem;transition:color .3s;position:relative}.nav-item:after{content:"";background-color:var(--main);width:0%;height:2px;transition:width .4s;position:absolute;bottom:0;left:0}.nav-item:hover:after,.nav-item.active:after{width:100%}.nav-item:hover,.nav-item.active{color:var(--main)}.nav-text{font-size:.8rem}@media (max-width:768px){.nav-list{gap:.5rem;padding:1em}.nav-item{padding:.2em .5rem}}@media (max-width:500px){.nav-list{display:none}}.home-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.home-content{justify-content:center;align-items:center;gap:2.5rem;max-width:950px;display:flex}.svg-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:220px;display:flex;transform:rotate(45deg)}.svg-wrapper svg{width:100%;height:auto}.home-text{color:var(--text);max-width:520px}.home-text h1{color:var(--text);margin:.35rem 0 .75rem;font-size:clamp(1.6rem,4vw,2.5rem)}.bio{color:var(--text-dim);margin-bottom:1.25rem;font-size:.9rem;line-height:1.6}.highlight{color:var(--main)}.button-container{flex-wrap:wrap;gap:.75rem;display:flex}.button{background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:inherit;font-size:.8rem;transition:all .3s;display:inline-flex}.button:hover{background-color:var(--main);color:var(--bg);border-color:var(--main);transform:translateY(-2px)}.button img,.button .github-icon{width:15px;height:15px}.github-icon{fill:var(--text);transition:fill .3s}.button:hover .github-icon{fill:var(--bg)}@media (max-width:800px){.home-content{text-align:center;flex-direction:column}.svg-wrapper{width:150px}.button-container{justify-content:center}}.projects-wrapper{max-width:1000px;min-height:100vh;margin:0 auto;padding:5rem 2rem 3rem}.projects-header{margin-bottom:2rem}.terminal-line{color:var(--text-dim);margin-bottom:.35rem;font-size:.8rem}.timestamp{color:var(--main)}.projects-header h1{color:var(--text);margin:0;font-size:clamp(1.6rem,3.5vw,2.25rem)}.projects-section{margin-bottom:2.5rem}.section-header{margin-bottom:1rem}.section-header h2{color:var(--text);align-items:center;gap:.4rem;margin:0 0 .2rem;font-size:1.2rem;display:flex}.section-icon{color:var(--main);align-items:center;display:inline-flex}.section-icon svg{width:16px;height:16px}.section-subtitle{color:var(--text-dim);margin:0;font-size:.8rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;padding:1rem 1.1rem;transition:all .3s;display:flex}.project-card:hover{border-color:var(--main);transform:translateY(-3px);box-shadow:0 6px 20px #00000040}.hackathon-card{background:linear-gradient(135deg,var(--surface)0%,#ffd70008 100%);border-color:#ffd70033}.hackathon-card:hover{border-color:gold;box-shadow:0 10px 30px #0000004d,0 0 20px #ffd7001a}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:.35rem;display:flex}.card-title-section{flex:1}.project-card h3{color:var(--text);margin:0 0 .35rem;font-size:1rem;transition:color .3s}.project-card:hover h3{color:var(--main)}.hackathon-card:hover h3{color:gold}.award-badge{color:gold;text-transform:uppercase;letter-spacing:.4px;background:#ffd70026;border-radius:3px;align-items:center;gap:.25rem;padding:.2rem .45rem;font-size:.6rem;font-weight:600;display:inline-flex}.award-badge svg{width:10px;height:10px}.card-meta{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:.6rem;padding-bottom:.5rem;display:flex}.award-name{color:gold;font-size:.75rem;font-weight:500}.project-date{color:var(--text-dim);font-size:.7rem}.card-links{gap:.5rem;display:flex}.card-links a{color:var(--text-dim);transition:color .3s}.card-links a svg{width:16px;height:16px}.card-links a:hover{color:var(--main)}.hackathon-card .card-links a:hover{color:gold}.card-description{color:var(--text-dim);flex:1;margin-bottom:.8rem;font-size:.8rem;line-height:1.5}.card-tech{flex-wrap:wrap;gap:.35rem;margin-top:auto;list-style:none;display:flex}.card-tech li{color:var(--main);background:#50c8781a;border-radius:3px;padding:.2rem .4rem;font-size:.65rem}.hackathon-card .card-tech li{color:gold;background:#ffd7001a}@media (max-width:600px){.projects-wrapper{padding:4rem 1rem 2rem}.projects-grid{grid-template-columns:1fr}.card-meta{flex-direction:column;align-items:flex-start;gap:.2rem}.section-header h2{font-size:1.1rem}}.career-wrapper{max-width:800px;min-height:100vh;margin:0 auto;padding:5rem 2rem 3rem}.career-header{margin-bottom:2rem}.career-header .terminal-line{color:var(--text-dim);margin-bottom:.35rem;font-size:.8rem}.career-header .timestamp{color:var(--main)}.career-header h1{color:var(--text);margin:0 0 .35rem;font-size:clamp(1.6rem,3.5vw,2.25rem)}.career-subtitle{color:var(--text-dim);margin:0;font-size:.8rem}.loading-text{color:var(--text-dim);font-style:italic}.timeline{padding:0;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{cursor:pointer;width:50%;margin-bottom:1rem;display:flex;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item.right{justify-content:flex-start;margin-left:50%;padding-left:1.5rem}.timeline-item.left{flex-direction:row-reverse;justify-content:flex-end;margin-right:50%;padding-right:1.5rem}.timeline-marker{z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute}.timeline-item.right .timeline-marker{left:0;transform:translate(-50%)}.timeline-item.left .timeline-marker{right:0;transform:translate(50%)}.marker-dot{background:var(--bg);border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:all .3s}.timeline-item:hover .marker-dot,.timeline-item.expanded .marker-dot{border-color:var(--main);background:var(--main);box-shadow:0 0 12px #50c87866}.timeline-item.current .marker-dot{border-color:var(--main);background:var(--main)}.marker-line{display:none}.timeline-content{background:var(--surface);border:1px solid var(--border);border-radius:6px;width:100%;padding:.9rem 1.1rem;transition:all .3s}.timeline-item:hover .timeline-content{border-color:var(--main);box-shadow:0 4px 20px #0003}.timeline-item.expanded .timeline-content{border-color:var(--main);box-shadow:0 8px 30px #0000004d}.timeline-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.35rem;display:flex}.timeline-title-section{flex:1}.job-title{color:var(--text);margin:0 0 .15rem;font-size:.95rem;transition:color .3s}.timeline-item:hover .job-title{color:var(--main)}.job-company{color:var(--main);font-size:.85rem;font-weight:500}.timeline-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.25rem;display:flex}.job-date{color:var(--text-dim);white-space:nowrap;font-size:.75rem}.current-badge{color:var(--main);text-transform:uppercase;letter-spacing:.4px;background:#50c87826;border-radius:3px;padding:.15rem .4rem;font-size:.6rem;font-weight:600}.job-location{color:var(--text-dim);margin:0 0 .5rem;font-size:.75rem}.job-description{color:var(--text-dim);margin:0;font-size:.8rem;line-height:1.45}.job-details{opacity:0;max-height:0;transition:all .4s;overflow:hidden}.job-details.show{opacity:1;border-top:1px solid var(--border);max-height:500px;margin-top:.8rem;padding-top:.8rem}.job-highlights h4{color:var(--text);margin:0 0 .5rem;font-size:.8rem;font-weight:600}.job-highlights ul{margin:0 0 .8rem;padding:0;list-style:none}.job-highlights li{color:var(--text-dim);margin-bottom:.35rem;padding-left:1rem;font-size:.75rem;line-height:1.5;position:relative}.job-highlights li:before{content:">";color:var(--main);font-weight:700;position:absolute;left:0}.job-tech{flex-wrap:wrap;gap:.35rem;display:flex}.tech-tag{color:var(--main);background:#50c8781a;border-radius:3px;padding:.2rem .45rem;font-size:.65rem}.expand-hint{color:var(--text-dim);opacity:.6;margin-top:.6rem;font-size:.7rem;transition:opacity .3s;display:block}.timeline-item:hover .expand-hint{opacity:1}@media (max-width:700px){.career-wrapper{padding:4rem 1rem 2rem}.timeline:before{left:12px}.timeline-item{width:100%;flex-direction:row!important;justify-content:flex-start!important;margin-left:0!important;margin-right:0!important;padding-left:2rem!important;padding-right:0!important}.timeline-item.left .timeline-marker,.timeline-item.right .timeline-marker{left:12px;right:auto;transform:translate(-50%)}.timeline-content{padding:.8rem 1rem}.timeline-header{flex-direction:column;gap:.35rem}.timeline-meta{flex-direction:row;align-items:center;width:100%}.job-title{font-size:.9rem}.job-company{font-size:.85rem}}.contact-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:5rem 2rem 3rem;display:flex}.contact-content{text-align:center;width:100%;max-width:480px}.contact-header{margin-bottom:2rem}.contact-header h1{color:var(--text);margin:0 0 .75rem;font-size:clamp(1.6rem,3.5vw,2.25rem)}.contact-header p{color:var(--text-dim);font-size:.85rem;line-height:1.6}.contact-links{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.contact-card{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:6px;align-items:center;gap:.75rem;padding:.9rem 1rem;transition:all .3s;display:flex}.contact-card:hover{border-color:var(--main);transform:translate(4px)}.contact-icon{width:38px;height:38px;color:var(--main);background:#50c8781a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-icon svg{width:18px;height:18px}.contact-info h3{color:var(--text);margin:0 0 .15rem;font-size:.85rem}.contact-info span{color:var(--text-dim);font-size:.8rem}.contact-card:hover .contact-info span{color:var(--main)}.location{color:var(--text-dim);font-size:.8rem}@media (max-width:500px){.contact-wrapper{padding:4rem 1rem 2rem}}.terminal-trigger{background:linear-gradient(135deg,var(--surface)0%,#1a1a1a 100%);border:1px solid var(--border);width:46px;height:46px;color:var(--main);cursor:pointer;z-index:1000;border-radius:12px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #0006,0 0 0 1px #50c8781a,inset 0 1px #ffffff0d}.terminal-trigger:hover{border-color:var(--main);transform:translateY(-2px)scale(1.05);box-shadow:0 8px 24px #00000080,0 0 20px #50c87833,inset 0 1px #ffffff1a}.terminal-trigger:active{transform:translateY(0)scale(.98)}.terminal-trigger svg{width:20px;height:20px}.terminal-trigger--hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.terminal-panel{z-index:1001;opacity:0;pointer-events:none;background:linear-gradient(#1a1a1a 0%,#121212 100%);border:1px solid #333;border-radius:10px;flex-direction:column;width:440px;height:340px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:20px;right:20px;overflow:hidden;transform:translateY(20px)scale(.95);box-shadow:0 12px 40px #00000080,0 0 1px #ffffff1a,inset 0 1px #ffffff0d}.terminal-panel--open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.terminal-header{-webkit-user-select:none;user-select:none;cursor:grab;background:linear-gradient(#2a2a2a 0%,#222 100%);border-bottom:1px solid #3a3a3a;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.terminal-header:active{cursor:grabbing}.terminal-header-left{align-items:center;gap:6px;display:flex}.terminal-title-icon{color:var(--main);font-size:11px}.terminal-title{color:var(--text);letter-spacing:.3px;font-size:11px;font-weight:600}.terminal-header-path{color:var(--text-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:0 10px;font-size:10px;overflow:hidden}.terminal-header-actions{gap:3px;display:flex}.terminal-action-btn{width:24px;height:24px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;transition:all .15s;display:flex}.terminal-action-btn:hover{color:var(--text);background:#ffffff1a}.terminal-action-btn svg{width:12px;height:12px}.terminal-content{cursor:text;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000005 2px 4px);flex:1;padding:10px 12px;font-family:Roboto Mono,Fira Code,SF Mono,Consolas,monospace;font-size:11px;line-height:1.55;overflow-y:auto}.terminal-content::-webkit-scrollbar{width:6px}.terminal-content::-webkit-scrollbar-track{background:0 0}.terminal-content::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.terminal-content::-webkit-scrollbar-thumb:hover{background:var(--main)}.terminal-history{flex-direction:column;gap:2px;display:flex}.terminal-line{white-space:pre-wrap;word-break:break-word}.terminal-prompt{color:var(--main);text-shadow:0 0 10px #50c87833;margin-right:6px;font-size:11px;font-weight:500;line-height:1.55}.terminal-command{color:var(--text);font-size:inherit}.terminal-output{color:var(--text-dim);font-size:inherit;padding-left:2px}.terminal-output div{line-height:1.4}.terminal-system{color:var(--secondary);border-left:2px solid var(--secondary);font-style:italic;font-size:inherit;background:#9fe2bf08;margin:4px 0;padding:4px 0 4px 8px}.terminal-error{color:#ff6b6b;text-shadow:0 0 8px #ff6b6b33}.terminal-success{color:var(--main);text-shadow:0 0 8px #50c87833}.terminal-input-line{align-items:center;margin-top:6px;font-size:11px;line-height:1.55;display:flex;position:relative}.terminal-input{color:var(--text);caret-color:var(--main);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:Roboto Mono,Fira Code,SF Mono,Consolas,monospace;font-size:11px;line-height:1.55}.terminal-input::selection{background:var(--main);color:var(--bg)}.terminal-footer{background:#0000004d;border-top:1px solid #2a2a2a;padding:5px 12px}.terminal-hint{color:#555;letter-spacing:.2px;font-size:9px}@media (max-width:768px){.terminal-trigger{border-radius:10px;width:42px;height:42px;bottom:14px;right:14px}.terminal-trigger svg{width:18px;height:18px}.terminal-panel{border-radius:10px 10px 0 0;width:100%;height:45vh;bottom:0;left:0;right:0;transform:translateY(100%)}.terminal-panel--open{transform:translateY(0)}.terminal-content{padding:8px 10px;font-size:10px}.terminal-prompt,.terminal-input-line,.terminal-input{font-size:10px;line-height:1.55}.terminal-header{padding:6px 10px}.terminal-title{font-size:10px}.terminal-footer{padding:4px 10px}.terminal-hint{font-size:8px}}@media (max-width:560px){.terminal-header-path{display:none}}.terminal-line:hover{background:#ffffff04}.terminal-input:focus{text-shadow:0 0 1px #ffffff4d}.content{min-height:100vh}
