@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Share+Tech+Mono&family=Oswald:wght@400;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:Share Tech Mono,monospace;background-color:#0a0a0a;color:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}:root{--color-orange: #FF8C00;--color-blue: #4169E1;--color-green: #00FF00;--color-white: #FFFFFF;--color-dark: #0A0A0A;--color-gray-light: #CCCCCC;--color-gray-medium: #808080;--color-gray-dark: #1A1A1A;--color-orange-dim: rgba(255, 140, 0, .2);--color-blue-dim: rgba(65, 105, 225, .2);--color-white-dim: rgba(255, 255, 255, .1);--font-header: "Bebas Neue", "Oswald", sans-serif;--font-body: "Share Tech Mono", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{font-family:var(--font-body);font-size:.95rem}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-orange)}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.05) 50%);background-size:100% 4px;animation:scanline 8s linear infinite}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100%}}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(0,0,0,.4) 100%)}.repo-header{font-family:var(--font-header);font-size:3rem;font-weight:700;color:var(--color-orange);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-lg);text-shadow:0 0 20px rgba(255,140,0,.5)}.repo-panel{background-color:#0a0a0acc;border:2px solid var(--color-blue);padding:var(--spacing-lg);position:relative;box-shadow:0 0 30px #4169e14d}.repo-panel-header{font-family:var(--font-header);font-size:1.5rem;color:var(--color-white);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-blue)}.repo-button{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;border:2px solid var(--color-blue);color:var(--color-white);font-family:var(--font-header);font-size:1.25rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.repo-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:var(--color-blue-dim);transform:translate(-50%,-50%);transition:width var(--transition-normal),height var(--transition-normal);z-index:0}.repo-button:hover{border-color:var(--color-orange);color:var(--color-orange);box-shadow:0 0 20px #ff8c0080}.repo-button:hover:before{width:100%;height:100%}.repo-button:active{transform:scale(.98)}.repo-button span{position:relative;z-index:1}.repo-menu-item{display:block;width:100%;padding:var(--spacing-md) var(--spacing-lg);background-color:transparent;border:none;color:var(--color-gray-light);font-family:var(--font-header);font-size:2rem;text-transform:uppercase;text-align:left;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-fast);position:relative;border-left:4px solid transparent}.repo-menu-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:100%;background-color:var(--color-orange-dim);transition:width var(--transition-normal);z-index:-1}.repo-menu-item:hover{color:var(--color-white);border-left-color:var(--color-orange);padding-left:calc(var(--spacing-lg) + .5rem)}.repo-menu-item:hover:before{width:100%}.repo-menu-item.active{color:var(--color-orange);border-left-color:var(--color-orange);background-color:var(--color-orange-dim)}.repo-slider{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.repo-slider-label{font-family:var(--font-header);font-size:1.25rem;text-transform:uppercase;color:var(--color-white);min-width:200px;letter-spacing:.05em}.repo-slider-bar-container{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.repo-slider-arrow{font-family:var(--font-header);font-size:1.5rem;color:var(--color-gray-medium);-webkit-user-select:none;user-select:none}.repo-slider-bar{flex:1;height:28px;background-color:var(--color-blue-dim);border:2px solid var(--color-blue);position:relative;overflow:hidden}.repo-slider-fill{height:100%;background-color:var(--color-orange);transition:width var(--transition-slow);box-shadow:0 0 10px #ff8c00b3}.repo-slider-value{font-family:var(--font-body);font-size:1.1rem;color:var(--color-white);min-width:60px;text-align:right}.title-screen{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-left:5%;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.title-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 40%,rgba(0,0,0,.3) 70%,transparent 100%);z-index:0}.title-screen-content{position:relative;z-index:1;max-width:600px}.title-logo{font-family:var(--font-header);font-size:6rem;font-weight:700;color:var(--color-white);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--spacing-xl);text-shadow:0 0 30px rgba(255,255,255,.3),2px 2px 4px rgba(0,0,0,.8);position:relative;display:inline-block}.title-logo:after{content:"";position:absolute;bottom:-10px;left:0;width:120px;height:4px;background-color:var(--color-orange);box-shadow:0 0 10px var(--color-orange)}.title-menu{display:flex;flex-direction:column;gap:var(--spacing-xs)}.full-screen-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-dark);position:relative}.page-header{padding:var(--spacing-lg);border-bottom:2px solid var(--color-blue);background-color:#0a0a0af2;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center}.page-title{font-family:var(--font-header);font-size:2.5rem;color:var(--color-orange);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 20px rgba(255,140,0,.5)}.page-content{flex:1;display:flex;padding:var(--spacing-lg);gap:var(--spacing-lg)}.page-sidebar{width:300px;display:flex;flex-direction:column;gap:var(--spacing-sm)}.page-main{flex:1;padding:var(--spacing-lg)}.back-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;border:2px solid var(--color-blue);color:var(--color-white);font-family:var(--font-header);font-size:1.25rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--transition-normal)}.back-button:hover{border-color:var(--color-orange);color:var(--color-orange);box-shadow:0 0 15px #ff8c0066}.project-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#0a0a0a99;border:2px solid var(--color-blue);margin-bottom:var(--spacing-md);transition:all var(--transition-normal)}.project-card:hover{border-color:var(--color-orange);background-color:#1a1a1acc;box-shadow:0 0 20px #ff8c004d}.project-indicator{font-family:var(--font-body);font-size:.9rem;color:var(--color-green);min-width:60px}.project-bar{flex:0 0 200px;height:24px;background-color:var(--color-blue-dim);border:1px solid var(--color-blue);position:relative;overflow:hidden}.project-bar-fill{height:100%;background-color:var(--color-orange);box-shadow:0 0 8px #ff8c0099}.project-name{font-family:var(--font-header);font-size:1.5rem;color:var(--color-white);text-transform:uppercase;letter-spacing:.05em;flex:1}.project-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.social-link{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:#0a0a0a99;border:2px solid var(--color-blue);margin-bottom:var(--spacing-md);transition:all var(--transition-normal)}.social-link:hover{border-color:var(--color-orange);background-color:#1a1a1acc}.social-info{display:flex;align-items:center;gap:var(--spacing-md)}.social-icon{font-size:2rem;color:var(--color-orange)}.social-details h3{font-family:var(--font-header);font-size:1.5rem;color:var(--color-white);margin-bottom:.25rem}.social-details p{font-size:.9rem;color:var(--color-gray-light)}.repo-form{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:800px}.repo-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.repo-form-label{font-family:var(--font-header);font-size:1.25rem;color:var(--color-white);text-transform:uppercase;letter-spacing:.05em}.repo-form-input,.repo-form-textarea{padding:var(--spacing-sm);background-color:#0a0a0acc;border:2px solid var(--color-blue);color:var(--color-white);font-family:var(--font-body);font-size:1rem;transition:all var(--transition-normal)}.repo-form-input:focus,.repo-form-textarea:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 15px #ff8c004d}.repo-form-textarea{min-height:150px;resize:vertical}.text-orange{color:var(--color-orange)}.text-blue{color:var(--color-blue)}.text-green{color:var(--color-green)}.text-white{color:var(--color-white)}.text-gray{color:var(--color-gray-light)}.bg-orange{background-color:var(--color-orange)}.bg-blue{background-color:var(--color-blue)}.bg-green{background-color:var(--color-green)}.uppercase{text-transform:uppercase}.bold{font-weight:700}@media(max-width:1024px){.page-content{flex-direction:column}.page-sidebar{width:100%}.title-logo{font-size:4rem}.repo-menu-item{font-size:1.5rem}}@media(max-width:768px){.title-logo{font-size:3rem}.repo-header{font-size:2rem}h1{font-size:2.5rem}h2{font-size:2rem}.repo-slider{flex-direction:column;align-items:flex-start}.repo-slider-label{min-width:auto}.repo-slider-bar-container{width:100%}.project-card{flex-direction:column;align-items:flex-start}.project-bar{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .5s ease forwards}.slide-in-left{animation:slideInLeft .5s ease forwards}