body,html{margin:0;overflow:hidden;background-color:#000}#container{width:100vw;height:100vh;position:relative}body{margin:0;color:#0f0;font-family:Orbitron,sans-serif;font-weight:600}nav ul{margin:0;padding:0}.nav-links{display:flex}.nav-links li{cursor:pointer}.mobile-menu{display:none}@media (max-width: 768px){.nav-links{display:none}.hamburger{display:block}.mobile-menu{display:flex;flex-direction:column;gap:1rem}}.menu-item.active{color:#0f0!important;font-weight:700}.navbar{background-color:#111;color:#faebd7;animation-name:headerFadeIn;animation:fadeInDown 3s ease-in-out;padding:1rem}.navbar-container{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto}.navbar-title{font-size:1.5rem;font-weight:700}.navbar-logo{text-decoration:none;color:#fff;font-size:1.5rem;display:none}.menu-toggle{font-size:1.5rem;background:none;color:#fff;border:none;cursor:pointer;display:none}.menu{display:flex;list-style:none;gap:1rem;transition:all .3s ease}.menu-item a{text-decoration:none;color:#fff;font-size:1rem;padding:.5rem;transition:color .3s ease}.menu-item a:hover{color:#00bcd4}@keyframes headerFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.menu{flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#333;display:none}.menu.open{display:flex}.menu-toggle{display:block}}.slide-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;background:transparent;color:#fff;box-shadow:0 0 10px #0003;padding:20px;display:flex;flex-direction:column;text-align:center}.fade-in{opacity:0;display:inline-block;animation:fadeIn 1.5s ease forwards}.engineer-profile{display:inline-block;width:120px;text-align:center;margin:10px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.engineer-profile:hover{box-shadow:0 8px 16px #0003}.engineer-profile img{width:100%;border-radius:8px;filter:brightness(8.5) grayscale(100%)}.engineer-profile img:hover{box-shadow:0 8px 16px #0003;filter:brightness(8.5) grayscale(0%)}.engineer-name{margin-top:8px;font-weight:700;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px);color:red}to{opacity:1;transform:translateY(0)}}.profile{top:150px}.bk-stat{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(../assets/ga.png);background-size:cover;background-position:top center;background-repeat:no-repeat;z-index:-1;animation:backgroundEffect 3s forwards}@keyframes backgroundEffect{0%{filter:grayscale(0%) brightness(100%)}to{filter:grayscale(100%) brightness(50%)}}.text-container{color:#faebd7;max-height:calc(100vh - 250px);overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:#ffcc00 transparent}.text-container::-webkit-scrollbar{width:6px}.text-container::-webkit-scrollbar-thumb{background:#fc0;border-radius:10px}.text-container::-webkit-scrollbar-track{background:transparent}.slide-container h1{font-size:3rem;margin-bottom:1rem;animation:fadeInDown 1.5s ease-in-out}.slide-container h1{font-size:1.5rem}.slide-container h2{font-size:1rem;animation:fadeInDown 1s ease-in-out}.slide-container ul{max-width:800px;margin:0 auto;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.slide-container li{margin-top:40px;font-size:1.3rem;opacity:0;animation:fadeInDown .7s ease-in-out forwards}.slide-container li:nth-child(n){animation-delay:calc(.1s * var(--i))}.slide-controls{position:absolute;bottom:20px;display:flex;gap:10px}.slide-controls button{padding:10px 20px;background:#00000080;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .2s ease-in-out}.slide-controls button:hover{background:#ffffff4d}.hl-slide{display:inline;padding:0 10px;color:#fff;position:relative;overflow:hidden;animation:textColorChange 1.5s ease-in-out forwards;animation-delay:3s}.hl-slide:after{content:"";position:absolute;left:0;bottom:0;width:0;height:100%;background-color:#0f0;z-index:-1;animation:highlightExpand 1.5s ease-in-out forwards;animation-delay:3s;border-radius:4px}.action-button{border:none;border-radius:8px;background-color:#80808033;color:#fff;padding:8px 16px;cursor:pointer;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.hire{color:#0f0;margin-top:15px}.action-button:hover{background-color:#80808066;transform:scale(1.05)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes textColorChange{0%{color:#fff}to{color:#000}}@keyframes highlightExpand{0%{width:0}to{width:100%}}