*{margin:0;padding:0;box-sizing:border-box}body{font-family:Fira Code,SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#0f0;background-color:#000;background-image:radial-gradient(rgba(0,255,0,.03) 1px,transparent 1px);background-size:20px 20px}#root{min-height:100vh}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-cursor:after{content:"█";animation:blink 1s infinite;color:#0f0}._projectFilters_1dv38_3{margin:2rem 0 .5rem;padding:.5rem 1.5rem;background-color:#111;border-top-right-radius:8px;border-top-left-radius:8px;position:relative;border:1px solid #333;border-bottom:2px solid #00ff00}._filterHeader_1dv38_15{display:flex;justify-content:space-between;align-items:center}._filterHeader_1dv38_15 h3{margin:0;color:#0f0;font-family:monospace;text-shadow:0 0 10px #00ff00}._filterHeader_1dv38_15 h3:before{content:"$ filter ";color:#0080ff}._filterMenuBtn_1dv38_33{background-color:#222;color:#0f0;border:1px solid #333;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;font-family:monospace;transition:all .3s ease}._filterMenuBtn_1dv38_33:before{content:"[";color:#666}._filterMenuBtn_1dv38_33:after{content:"]";color:#666}._filterMenuBtn_1dv38_33:hover{background-color:#333;border-color:#0f0;text-shadow:0 0 5px #00ff00;transform:translateY(-2px)}._filterDropdownArrow_1dv38_62{vertical-align:middle}._filterPopup_1dv38_66{position:absolute;top:100%;left:0;right:0;margin-top:2rem;background-color:#111;border-radius:12px;border:1px solid #333;box-shadow:0 10px 25px #0f03;padding:1rem;z-index:100;animation:_terminalSlideDown_1dv38_1 .3s ease-out}@keyframes _terminalSlideDown_1dv38_1{0%{opacity:0;transform:translateY(-10px) scaleY(0);filter:blur(5px)}to{opacity:1;transform:translateY(0) scaleY(1);filter:blur(0)}}@keyframes _terminalSlideUp_1dv38_1{0%{opacity:1;transform:translateY(0) scaleY(1);filter:blur(0)}to{opacity:0;transform:translateY(-10px) scaleY(0);filter:blur(5px)}}._filterPopup_1dv38_66._closing_1dv38_107{animation:_terminalSlideUp_1dv38_1 .3s ease-in forwards}._filterSection_1dv38_111{margin-bottom:2rem}._filterSection_1dv38_111 h4{margin-bottom:1rem;color:#0080ff;font-size:1.1rem;font-family:monospace}._filterSection_1dv38_111 h4:before{content:">> ";color:#666}._filterButtons_1dv38_127{display:flex;flex-wrap:wrap;gap:.5rem}._filterBtn_1dv38_133{background-color:#222;color:#888;border:1px solid #333;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;font-family:monospace;position:relative}._filterBtn_1dv38_133:before{content:"[";color:#555}._filterBtn_1dv38_133:after{content:"]";color:#555}._filterBtn_1dv38_133:hover{background-color:#333;color:#ccc;border-color:#555;transform:translateY(-1px)}._filterBtn_1dv38_133._active_1dv38_164{background-color:#333;color:#0f0;border-color:#0f0;text-shadow:0 0 5px #00ff00}._filterBtn_1dv38_133._active_1dv38_164:before,._filterBtn_1dv38_133._active_1dv38_164:after{color:#0f0}._filterActions_1dv38_176{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #333}._clearFiltersBtn_1dv38_184{background-color:#222;color:#f44;border:1px solid #333;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;font-family:monospace;transition:all .3s ease}._clearFiltersBtn_1dv38_184:before{content:"> "}._clearFiltersBtn_1dv38_184:hover{background-color:#333;border-color:#f44;text-shadow:0 0 5px #ff4444}._closeMenuBtn_1dv38_206{background-color:#222;color:#888;border:1px solid #333;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;font-family:monospace;transition:all .3s ease}._closeMenuBtn_1dv38_206:before{content:"> "}._closeMenuBtn_1dv38_206:hover{background-color:#333;border-color:#888}._activeFilters_1dv38_227{display:flex;align-items:center;gap:.5rem;padding-top:1rem;flex-wrap:wrap}._activeFilterTag_1dv38_235{background-color:#333;color:#0f0;padding:.25rem .5rem;border-radius:4px;border:1px solid #00ff00;font-size:.8rem;font-family:monospace;display:flex;align-items:center;gap:.25rem;text-shadow:0 0 5px #00ff00}._activeFilterTag_1dv38_235:before{content:"[";color:#666}._activeFilterTag_1dv38_235:after{content:"]";color:#666}._activeFilterTag_1dv38_235 button{background:none;border:none;color:#f44;cursor:pointer;font-size:1rem;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .2s ease;margin-left:.25rem}._activeFilterTag_1dv38_235 button:hover{background-color:#f443;text-shadow:0 0 5px #ff4444}@media(max-width:768px){._filterHeader_1dv38_15{flex-direction:column;gap:1rem;align-items:stretch}._filterPopup_1dv38_66{padding:1rem;margin-top:.5rem}._filterButtons_1dv38_127{justify-content:center}._filterBtn_1dv38_133{font-size:.8rem;padding:.4rem .8rem}._filterActions_1dv38_176{flex-direction:column;gap:.5rem}._activeFilters_1dv38_227{justify-content:center}}*{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#000,#111);background-attachment:fixed;overflow-x:hidden;width:100vw;max-width:100vw}.navigation{background-color:#1a1a1a;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #333;font-family:monospace;position:relative}.hamburger-btn{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger-line{width:25px;height:3px;background-color:#0f0;margin:3px 0;transition:.3s;border-radius:1px;box-shadow:0 0 5px #0f0}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(2px,2px);width:16px;transform-origin:center}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(2px,-2px);width:16px;transform-origin:center}.navigation:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0f0,#0080ff,#ff0080);animation:rainbow 3s linear infinite}@keyframes rainbow{0%{background-position:0% 50%}to{background-position:100% 50%}}.nav-brand a{font-size:1.5rem;font-weight:700;color:#0f0;text-decoration:none;font-family:monospace;text-shadow:0 0 10px #00ff00}.nav-brand a:before{content:"~/";color:#0080ff}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav-links a{color:#888;text-decoration:none;transition:all .3s ease;font-weight:500;font-family:monospace;position:relative;padding:.5rem 1rem;border:1px solid transparent}.nav-links a:before{content:"[";color:#666}.nav-links a:after{content:"]";color:#666}.nav-links a:hover,.nav-links a.active{color:#0f0;border-color:#333;background-color:#111;text-shadow:0 0 5px #00ff00}.nav-links a:hover:before,.nav-links a:hover:after,.nav-links a.active:before,.nav-links a.active:after{color:#0f0}.main-content{flex:1;padding:2rem;width:100%;min-height:calc(100vh - 80px)}.page{animation:terminalLoad .5s ease-in;position:relative;max-width:1200px;margin:0 auto;box-shadow:inset 0 0 50px #00ff001a;border-radius:10px;padding:1rem;background:#0000004d;border:1px solid rgba(51,51,51,.5)}@keyframes terminalLoad{0%{opacity:0;transform:translate(-100px);filter:blur(5px)}50%{opacity:.5;transform:translate(0);filter:blur(2px)}to{opacity:1;transform:translate(0);filter:blur(0)}}.page h1{color:#0f0;margin-bottom:1.5rem;font-size:2.5rem;font-family:monospace;text-shadow:0 0 20px #00ff00;position:relative}.page h1:before{content:"> ";color:#0080ff}.page h2{color:#0080ff;margin-bottom:1rem;font-family:monospace;position:relative}.page h2:before{content:"{ ";color:#666}.page h2:after{content:" }";color:#666}.page h1:after{content:"█";color:#0f0;animation:blink 1s infinite;margin-left:.25rem}.hero-section{background-color:#111;padding:2rem;border-radius:8px;margin:2rem -2rem 0;border:1px solid #333;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(0,255,0,.1),transparent);animation:scan 4s linear infinite}@keyframes scan{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.hero-section h2,.hero-section p{text-align:center;position:relative;z-index:1}.hero-section h2{color:#0f0;text-shadow:0 0 10px #00ff00}.hero-section p{color:#888;font-family:monospace}@media(max-width:768px){.featured-projects-grid{grid-template-columns:1fr;gap:.5rem}.projects-grid{gap:.5rem!important}.project-header{flex-direction:column;gap:.5rem}}.featured-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:2rem 0}.featured-project-card{background-color:#0a0a0a;border:1px solid #333;border-radius:8px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.featured-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0f0,#0080ff);opacity:0;transition:opacity .3s ease}.featured-project-card:hover{border-color:#0f0;box-shadow:0 8px 25px #00ff0026;transform:translateY(-3px)}.featured-project-card:hover:before{opacity:1}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.featured-project-card h3{color:#0f0;font-family:monospace;font-size:1.2rem;margin:0;text-shadow:0 0 8px #00ff00}.featured-project-card h3:before{content:"./";color:#0080ff;font-size:.9rem}.project-description{color:#ccc;font-family:monospace;line-height:1.5;margin-bottom:1rem;font-size:.9rem}.view-all-projects{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #333}.view-all-link{display:inline-block;color:#0080ff;text-decoration:none;font-family:monospace;font-size:1.1rem;padding:.75rem 2rem;border:1px solid #333;border-radius:6px;background-color:#111;transition:all .3s ease;position:relative}.view-all-link:before{content:"$ ";color:#666}.view-all-link:hover{color:#0f0;border-color:#0080ff;text-shadow:0 0 8px #0080ff;transform:translateY(-2px);box-shadow:0 5px 15px #0080ff33}.about-content{display:grid}.about-content section{background-color:#111;padding:1.5rem;border-radius:8px;border:1px solid #333;margin-bottom:1rem}.about-content .background-item{padding-bottom:.5rem}.spaced-paragraphs p{margin-bottom:.8rem;color:#ccc;font-family:monospace}.about-note{text-align:center;padding-top:8px;color:#666;font-size:small;font-family:monospace}.skills ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;justify-content:center}.skills li{flex:1 0 0;background-color:#222;color:#0f0;padding:.5rem 1rem;border-radius:4px;text-align:center;min-height:40px;display:flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #333;font-family:monospace;transition:all .3s ease}.skills li:hover{background-color:#333;border-color:#0f0;box-shadow:0 0 10px #00ff004d;text-shadow:0 0 5px #00ff00}.contact-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.contact-item{display:flex;align-items:center;justify-content:flex-start;padding:1rem;background-color:#111;border-radius:8px;border:1px solid #333;transition:all .3s ease;position:relative;overflow:hidden}.contact-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(180deg,#0f0,#0080ff);opacity:0;transition:opacity .3s ease}.contact-item:hover{transform:translate(10px);border-color:#0f0;box-shadow:0 0 20px #0f03}.contact-item:hover:before{opacity:1}.contact-icon{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;border:1px solid #333;margin-right:1rem}.contact-icon svg{width:1.5rem;height:1.5rem}.contact-icon.discord{background-color:#222;color:#5865f2;border-color:#5865f2}.contact-icon.email{background-color:#222;color:#ea4335;border-color:#ea4335}.contact-icon.github{background-color:#222;color:#fff;border-color:#fff}.contact-label{font-weight:600;color:#888;font-family:monospace}.contact-label:after{content:":"}.contact-value{color:#0f0;text-decoration:none;font-weight:500;font-family:monospace;transition:all .3s ease}.contact-value:hover{color:#0080ff;text-shadow:0 0 5px #0080ff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background-color:#111;padding:1.5rem;border-radius:8px;border:1px solid #333;transition:all .3s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ff00,transparent);transition:left .5s ease}.project-card:hover{border-color:#0f0;box-shadow:0 10px 30px #0f03}.project-card:hover:before{left:100%}.project-card h3{color:#0f0;margin-bottom:1rem;font-family:monospace;text-shadow:0 0 10px #00ff00}.project-card h3:before{content:"$ ";color:#0080ff}.project-card p{color:#ccc;font-family:monospace;line-height:1.6}.technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-tag{background-color:#222;color:#888;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-family:monospace;border:1px solid #333;transition:all .3s ease}.tech-tag:before{content:"#";color:#666}.tech-tag.highlighted,.tech-tag:hover{background-color:#333;color:#0f0;border-color:#0f0;text-shadow:0 0 5px #00ff00;transform:scale(1.05)}.project-status{margin-top:1rem}.status{padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:700;vertical-align:top;white-space:nowrap;font-family:monospace;border:1px solid}.status:before{content:"["}.status:after{content:"]"}.status.ongoing{background-color:#222;color:#0080ff;border-color:#0080ff;text-shadow:0 0 5px #0080ff}.status.completed{background-color:#222;color:#0f0;border-color:#0f0;text-shadow:0 0 5px #00ff00}.status.in-progress{background-color:#222;color:#ff0;border-color:#ff0;text-shadow:0 0 5px #ffff00}.blog-posts{display:grid;gap:2rem;margin-top:2rem}.blog-post{background-color:#111;padding:1.5rem;border-radius:8px;border:1px solid #333;transition:all .3s ease}.blog-post:hover{border-color:#555;box-shadow:0 0 20px #00ff001a}.blog-post h2{margin-bottom:.5rem;color:#0f0;font-family:monospace}.blog-post h2:before{content:"# ";color:#666}.blog-post p{color:#ccc;font-family:monospace}.post-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:#666;font-family:monospace}.post-meta span:before{content:"| ";color:#333}.read-more{background-color:#222;color:#0f0;border:1px solid #333;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-top:1rem;font-family:monospace;transition:all .3s ease}.read-more:before{content:"> "}.read-more:hover{background-color:#333;border-color:#0f0;text-shadow:0 0 5px #00ff00}.loading,.error{text-align:center;padding:3rem;font-family:monospace}.loading p{color:#888;font-style:italic}.loading p:before{content:"Loading";animation:dots 1.5s infinite}@keyframes dots{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}.error p{color:#f44;margin-bottom:.5rem;text-shadow:0 0 10px #ff4444}.error p:before{content:"ERROR: ";color:red}.project-links{margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap}.project-link{display:inline-block;padding:.5rem 1rem;background-color:#222;color:#0080ff;text-decoration:none;border-radius:4px;border:1px solid #333;font-size:.9rem;font-family:monospace;transition:all .3s ease}.project-link:before{content:">> "}.project-link:hover{background-color:#333;border-color:#0080ff;text-shadow:0 0 5px #0080ff;transform:translate(5px)}.no-projects{text-align:center;padding:3rem;color:#666;font-style:italic;font-family:monospace}.no-projects:before{content:"404: No projects found\a";white-space:pre;color:#f44;display:block;margin-bottom:1rem}@media(max-width:768px){.navigation{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem}.hamburger-btn{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;background-color:#1a1a1a;flex-direction:column;gap:0;padding:1rem;border-bottom:2px solid #333;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}.nav-links-open{transform:translateY(0);opacity:1;visibility:visible}.nav-links li{margin:.5rem 0}.nav-links a{display:block;padding:.75rem 1rem;border-radius:4px;transition:all .3s ease}.main-content{padding:0;min-height:calc(100vh - 120px);overflow-x:hidden;width:100vw;max-width:100vw}.page{margin:0;padding:1rem;border-radius:0;width:100vw;max-width:100vw;box-sizing:border-box;border:none;min-height:calc(100vh - 120px);position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow-x:hidden}.page h1{font-size:1.8rem;margin-bottom:1rem}.page h2{font-size:1.4rem}.projects-grid{grid-template-columns:1fr}.hero-section{padding:1.5rem 1rem;margin:1rem -1rem 0;border-radius:0}.about-content section{padding:1.5rem 1rem;margin:0rem -1rem;border-radius:0}.skills ul{padding:0 1rem}.contact-links{margin-left:-1rem;right:-1rem}.contact-item{margin:0 1rem 1rem;border-radius:0}.featured-projects-grid{grid-template-columns:1fr;gap:1.5rem;margin:1rem 0}.featured-project-card{padding:1rem}.view-all-link{padding:.6rem 1.5rem;font-size:1rem}}@media(max-width:320px){.navigation{padding:.5rem}.nav-brand a{font-size:.9rem}.hamburger-btn{padding:.25rem}.hamburger-line{width:20px;height:2px;margin:2px 0}.hamburger-line.open:nth-child(1){width:13px;transform:rotate(45deg) translate(1.5px,1.5px)}.hamburger-line.open:nth-child(3){width:13px;transform:rotate(-45deg) translate(1.5px,-1.5px)}.nav-links{padding:.5rem}.nav-links li{margin:.25rem 0}.nav-links a{padding:.5rem .75rem;font-size:.8rem}.nav-links a:before,.nav-links a:after{color:#888}.main-content{padding:0;width:100vw;max-width:100vw;overflow-x:hidden;min-height:calc(100vh - 80px)}.page{margin:0;left:0;right:0;width:100vw;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.page h1{font-size:1.2rem;margin-bottom:.25rem}.page h2{font-size:1rem}body,html{overflow-x:hidden;max-width:100vw}*{max-width:100vw;box-sizing:border-box;word-wrap:break-word}}