@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap";
*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;padding:0}::-webkit-scrollbar{display:none}html{scrollbar-width:none}.section-header{z-index:5;letter-spacing:1px;justify-content:flex-end;align-items:center;gap:15px;font-family:JetBrains Mono,monospace;display:flex;position:relative;top:15px;right:40px}.section-header .number{color:#000;background-color:#c93333;border-radius:10px;padding:4px 8px;font-size:.9rem;font-weight:700}.section-header .label{color:#fff;text-transform:uppercase;font-size:.9rem}#homeBanner{background-color:#0a0a0a;border:1px solid #222;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:90vh;margin:30px 40px 40px;display:flex;position:relative;overflow:hidden}#homeBanner #tsparticles{z-index:0;pointer-events:none;position:absolute!important;top:0!important;bottom:0!important;left:0!important;right:0!important}#homeBanner #tsparticles canvas{display:block}#homeBanner:before{content:"";z-index:1;pointer-events:none;background-image:radial-gradient(#1a1a1a 1px,transparent 1px);background-size:40px 40px;position:absolute;top:0;bottom:0;left:0;right:0}#homeBanner .homeTitle{z-index:3;flex-direction:column;justify-content:center;padding:0 4rem;display:flex}@media (max-width:992px){#homeBanner .homeTitle{text-align:center;border-right:none;align-items:center;padding:2rem}}#homeBanner .homeTitle h1{color:#fff;margin-bottom:2rem;font-family:Space Grotesk,sans-serif;font-size:max(3rem,min(8vw,7rem));font-weight:700;line-height:.9}#homeBanner .homeTitle h1 span{color:#c93333}#homeBanner .homeTitle .tag-container{flex-direction:column;align-items:center;gap:1rem;display:flex}#homeBanner .homeTitle .tag-container p{text-align:center;color:#888;text-transform:uppercase;letter-spacing:1px;border:1px solid #333;border-radius:10px;width:400px;padding:10px 20px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;transition:all .2s}#homeBanner .homeTitle .tag-container p:hover{color:#000;background:#fff;transform:rotate(1deg)}#homeBanner .homeTitle .tag-container .pTag1{color:#000;background-color:#c93333;margin-left:-25px}#homeBanner .homeTitle .tag-container .pTag2{margin-left:25px}#homeBanner .homeTitle .tag-container .pTag3{margin-left:75px}#homeBanner .homeSocial{z-index:4;gap:10px;display:flex;position:absolute;bottom:20px;right:20px}#homeBanner .homeSocial span{color:#fff;cursor:pointer;border:1px solid #333;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}#homeBanner .homeSocial span:hover{color:#000;background:#c93333}#homeBanner .homeScroll{z-index:4;position:absolute;bottom:20px;left:20px}#homeBanner .homeScroll p{color:#a1a1a1;text-transform:uppercase;font-family:monospace;font-size:1rem}#homeContent{border:1px solid #222;border-radius:10px;margin:40px;padding:4rem}.skills-engine-section{max-width:1100px;margin:100px auto;padding:0 20px;position:relative}.skills-engine-section:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(transparent 50%,rgba(0,0,0,.05) 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.skills-engine-section .skills-layout{grid-template-columns:420px 1fr;align-items:start;gap:80px;display:grid}@media (max-width:900px){.skills-engine-section .skills-layout{grid-template-columns:1fr;gap:50px}}.skills-engine-section .main-stacks-column{flex-direction:column;gap:20px;display:flex}.skills-engine-section .main-stacks-column .group-title{color:#666;letter-spacing:.1em;margin-bottom:10px;font-family:monospace;font-size:.9rem}.skills-engine-section .main-stacks-column .main-tech-card{background:#050505;border:1px solid #1a1a1a;border-radius:10px;padding:30px;transition:all .3s}.skills-engine-section .main-stacks-column .main-tech-card h3{color:#fff;margin:0;font-size:2rem}.skills-engine-section .main-stacks-column .main-tech-card .id{color:#c93333;margin-bottom:10px;font-family:monospace;font-size:.8rem;display:block}.skills-engine-section .main-stacks-column .main-tech-card:hover{border-color:#c93333;transform:translateY(-5px)}.skills-engine-section .supplementary-column .skill-group{margin-bottom:40px}.skills-engine-section .supplementary-column .skill-group .group-title{color:#c93333;letter-spacing:.15em;text-transform:uppercase;border-left:2px solid #c93333;margin-bottom:20px;padding-left:10px;font-family:monospace;font-size:.9rem}.skills-engine-section .supplementary-column .skill-group .skill-row{border-bottom:1px solid #1a1a1a;grid-template-columns:60px 1fr 30px;align-items:center;padding:20px 0;transition:all .3s ease-in-out;display:grid}.skills-engine-section .supplementary-column .skill-group .skill-row:hover{background:#050505;border-bottom-color:#333;padding-left:10px}.skills-engine-section .supplementary-column .skill-group .skill-row:hover .title{color:#fff}.skills-engine-section .supplementary-column .skill-group .skill-row .id{color:#444;font-family:monospace;font-size:.8rem}.skills-engine-section .supplementary-column .skill-group .skill-row .content .title{color:#aaa;font-size:1rem;font-weight:600;transition:all .3s}.skills-engine-section .supplementary-column .skill-group .skill-row .content .desc{color:#555;margin-top:2px;font-family:monospace;font-size:.75rem;display:block}.skills-engine-section .experience-box{background:#050505;border:1px solid #1a1a1a;border-radius:10px;margin-top:20px;padding:20px}.skills-engine-section .experience-box .group-title{color:#666;letter-spacing:.1em;margin-bottom:15px;font-family:monospace;font-size:.7rem}.skills-engine-section .experience-box .skills-tags{flex-wrap:wrap;gap:8px;display:flex}.skills-engine-section .experience-box .skills-tags .skill-tag{color:#888;cursor:default;background:#0d0d0d;border:1px solid #222;padding:5px 10px;font-family:monospace;font-size:.75rem;transition:all .3s}.skills-engine-section .experience-box .skills-tags .skill-tag:hover{color:#fff;border-color:#c93333}.navigation-hub-section{max-width:1100px;margin:100px auto;padding:0 20px}.navigation-hub-section .nav-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}@media (max-width:768px){.navigation-hub-section .nav-grid{grid-template-columns:1fr}}.navigation-hub-section .nav-card{color:#fff;background:#050505;border:1px solid #1a1a1a;border-radius:10px;padding:40px;text-decoration:none;transition:all .4s;display:block;position:relative}.navigation-hub-section .nav-card:hover{background:#080808;border-color:#c93333;transform:translateY(-10px)}.navigation-hub-section .nav-card:hover .card-arrow{color:#c93333;transform:translate(10px)}.navigation-hub-section .nav-card .label{color:#c93333;font-family:monospace;font-size:.6rem}.navigation-hub-section .nav-card h3{margin:10px 0;font-size:1.8rem}.navigation-hub-section .nav-card p{color:#666;font-size:.9rem}.navigation-hub-section .nav-card .mini-stats{color:#444;gap:15px;margin-top:20px;font-family:monospace;font-size:.7rem;display:flex}.navigation-hub-section .nav-card .card-arrow{font-size:1.5rem;transition:all .4s;position:absolute;bottom:40px;right:40px}.flicker{animation:2.5s infinite flicker}@keyframes flicker{0%,to{opacity:1}50%{opacity:.5}}.projects-section-wrapper{color:#fff;background-color:#050505;padding:80px 40px}.projects-section-wrapper .projects-heading{align-items:center;gap:20px;margin-bottom:40px;font-family:JetBrains Mono,monospace;display:flex}.projects-section-wrapper .projects-heading:before{content:"02";color:#c93333;font-size:1.5rem;font-weight:700}.projects-section-wrapper .projects-heading h2{text-transform:uppercase;letter-spacing:2px;margin:0;font-size:1.5rem;font-weight:400}.project-card{background:rgba(255,255,255,.02);border:1px solid #222;border-radius:0;flex-direction:column;padding:24px;transition:border-color .3s;display:flex}.project-card:hover{border-color:#c93333}.project-card .card-header h3{color:#fff;font-family:JetBrains Mono,monospace;font-size:1rem}.project-card .card-header .badge-cat{color:#666;background:0 0;border:1px solid #333;font-family:JetBrains Mono,monospace}.project-card p{color:#888;font-size:.85rem}.project-card .tech-badges span{color:#555;text-transform:uppercase;background:#0a0a0a;border:1px solid #1a1a1a;font-family:JetBrains Mono,monospace}.projects-container{flex-direction:column;gap:2rem;display:flex}.projects-container .filters-panel{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.projects-container .filters-panel .filter-group-main{flex-wrap:wrap;gap:.85rem;display:flex}.projects-container .filters-panel .filter-group-main button{color:#e5e5e5;text-transform:uppercase;cursor:pointer;background:#141414;border:1px solid #2d2d2d;border-radius:6px;padding:.65rem 1.4rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.projects-container .filters-panel .filter-group-main button:hover{background:#1c1c1c;border-color:#444}.projects-container .filters-panel .filter-group-main button.active{color:#000;background:#c93333;border-color:#c93333}.projects-container .filters-panel .filter-group-sub{border-top:1px solid rgba(255,255,255,.05);flex-wrap:wrap;gap:.6rem;padding-top:10px;display:flex}.projects-container .filters-panel .filter-group-sub button{color:#888;text-transform:uppercase;cursor:pointer;background:#111;border:1px solid #222;border-radius:20px;padding:.45rem 1.1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;transition:all .2s}.projects-container .filters-panel .filter-group-sub button:hover{color:#fff;border-color:#444}.projects-container .filters-panel .filter-group-sub button.active-sub{color:#c93333;background:rgba(0,229,255,.05);border-color:#c93333}.projects-container .projects-grid{grid-template-columns:1fr;align-items:start;gap:1.75rem;display:grid}@media (min-width:601px){.projects-container .projects-grid{grid-template-columns:repeat(3,1fr)}}.projects-container .project-card{background:rgba(255,255,255,.02);border:1px solid #1c1c1c;border-radius:12px;flex-direction:column;padding:1.75rem;transition:all .25s;display:flex}.projects-container .project-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.5)}.projects-container .project-card .card-header{justify-content:space-between;margin-bottom:1rem;display:flex}.projects-container .project-card .card-header h3{margin:0;font-size:1.25rem;font-weight:700}.projects-container .project-card .card-header .badge-cat{text-transform:uppercase;color:#888;background:#161616;border:1px solid #262626;border-radius:4px;align-items:center;padding:.25rem .6rem;font-size:.65rem;display:flex}.projects-container .project-card p{color:#9c9c9c;flex-grow:1;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.projects-container .project-card .card-footer{border-top:1px solid #1a1a1a;padding-top:1.25rem}.projects-container .project-card .card-footer .tech-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.projects-container .project-card .card-footer .tech-badges span{color:#737373;background:#0f0f0f;border:1px solid #1a1a1a;border-radius:6px;padding:.3rem .7rem;font-family:JetBrains Mono,monospace;font-size:.75rem;transition:all .3s}.projects-container .project-card .card-footer .links{border-top:1px solid #1a1a1a;align-items:center;gap:1.5rem;margin-top:.25rem;padding-top:1.25rem;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex}.projects-container .project-card .card-footer .links a.github-link,.projects-container .project-card .card-footer .links a.download-link,.projects-container .project-card .card-footer .links a.live-link{color:#c93333;text-transform:uppercase;letter-spacing:.05em;background:rgba(0,229,255,.05);border:1px solid #c93333;border-radius:8px;align-items:center;gap:6px;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.projects-container .project-card .card-footer .links a.github-link:hover,.projects-container .project-card .card-footer .links a.download-link:hover,.projects-container .project-card .card-footer .links a.live-link:hover{color:#000;background:#c93333;transform:translateY(-2px)}.projects-container .project-card .card-footer .links a.live-link{color:#888;text-decoration:none;transition:color .2s}.projects-container .project-card .card-footer .links a.live-link:hover{color:#fff;text-decoration:underline}@keyframes fadeIn{to{opacity:1}}@media only screen and (max-width:976px){.navbar{display:none}#homeBanner{flex-direction:column;justify-content:flex-start;height:calc(100vh - 100px);margin:10px;margin-top:50px!important;padding-top:140px!important}.sectionHeader{display:none}.homeTitle{width:100%;padding:0!important}.tag-container{width:calc(100% - 20px)}.homeSocial{right:initial!important}.homeScroll{display:none}#homeContent{margin:10px}.projects-section-wrapper{margin-top:60px!important;padding:40px 10px!important}.projects-section-wrapper .projects-heading{font-size:1.2rem}p{line-height:1.5;width:calc(100% - 5px)!important;margin:0!important}.large-display-text{margin:2rem 0;font-size:3.5rem!important}.filters-panel{gap:1rem;padding:1.5rem}.filters-panel .filter-group-main{flex-direction:column;gap:.5rem}.filters-panel .filter-group-main button{justify-content:center;width:100%;padding:.8rem;font-size:.95rem}#tsparticles{width:100vw;height:100vh}}body{opacity:0;background-color:#050505;font-family:Space Grotesk,sans-serif;animation:1s ease-in forwards fadeIn}
.desktop-nav{z-index:100;background-color:#111;border:1px solid #222;border-radius:10px;padding-left:20px;padding-right:20px;position:fixed;top:15px;left:40px}@media (max-width:992px){.desktop-nav{display:none!important}}.desktop-nav ul{gap:32px;margin:0;padding:0;list-style-type:none;display:flex}.desktop-nav .nav-link-wrapper{color:#888;text-transform:uppercase;letter-spacing:1px;cursor:pointer;align-items:center;font-family:JetBrains Mono,monospace;font-size:.85rem;text-decoration:none;transition:color .3s;display:flex}.desktop-nav .text-span.dimmed{color:#888!important}.desktop-nav .text-span:hover,.desktop-nav .text-span.active{color:#fff}.desktop-nav .text-span{border-radius:4px;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.desktop-nav .icon{color:#c93333;flex-shrink:0;width:16px;height:16px}.mobile-tabbar{display:none}@media (max-width:992px){.desktop-nav{display:none!important}.mobile-tabbar{z-index:10;width:100%;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.mobile-tabbar a{text-decoration:none}.mobile-tabbar .tabbar-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(17,17,17,.9);border:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;width:100%;padding:20px 0;display:flex;position:relative;overflow:hidden}.mobile-tabbar .tab-item{color:rgba(255,255,255,.5);z-index:2;cursor:pointer;flex:1;justify-content:center;align-items:center;height:100%;transition:color .3s;display:flex}.mobile-tabbar .tab-item .tab-icon{width:24px;height:24px}.mobile-tabbar .tab-item.active{color:#111}.mobile-tabbar .nav-indicator{z-index:1;background-color:#c93333;border-radius:20px;width:120px;height:30px;transition:left .3s cubic-bezier(.25,1,.5,1);position:absolute;top:50%;transform:translateY(-50%)}.mobile-tabbar .nav-indicator.active-home{left:calc(25% - 60px)}.mobile-tabbar .nav-indicator.active-projects{left:calc(75% - 60px)}}