*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0d0a1a;font-family:IBM Plex Mono,monospace;color:#f0f0e8;min-height:100vh;overflow-x:hidden}@keyframes bgEnterRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes bgExitLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes bgEnterBelow{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bgExitTop{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes bgEnterAbove{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes bgExitBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes bgStarTwinkle{0%,to{opacity:.8}50%{opacity:.4}}@keyframes bgPlanetFloat{0%{transform:translate(0) scale(1)}25%{transform:translate(2px,-8px) scale(1.02)}55%{transform:translate(-2px,-14px) scale(1.01)}80%{transform:translate(3px,-6px) scale(1)}to{transform:translate(0) scale(1)}}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:9999}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes attractPulse{0%,49%{opacity:1}50%,99%{opacity:0}}@keyframes marqueeSlide{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes meteorFall{0%{transform:translate(0) scale(1);opacity:0;filter:blur(1.5px)}8%{opacity:.28}30%{opacity:.2;filter:blur(1.5px)}48%{opacity:.06;transform:translate(calc(var(--dx) * .45),52vh) scale(.5);filter:blur(3px)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.1);filter:blur(4px)}}.meteor{position:fixed;pointer-events:none;z-index:0;image-rendering:auto;animation:meteorFall var(--dur) linear var(--delay) infinite}@keyframes floatA{0%,to{transform:translateY(0) rotate(var(--rot))}50%{transform:translateY(-10px) rotate(var(--rot))}}@keyframes floatB{0%,to{transform:translateY(0) rotate(var(--rot))}50%{transform:translateY(-14px) rotate(var(--rot))}}@keyframes floatC{0%,to{transform:translateY(0) rotate(var(--rot))}50%{transform:translateY(-7px) rotate(var(--rot))}}.sprite{image-rendering:auto}.fade-in{animation:fadeIn .2s ease forwards}.blink{animation:blink 1s step-end infinite}.attract{animation:attractPulse 1.5s step-end infinite}.arcade-btn{font-family:IBM Plex Mono,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:none;outline:none;padding:12px 24px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .05s ease,border-bottom-width .05s ease;line-height:1}.arcade-btn:active{transform:translateY(2px)!important;border-bottom-width:2px!important}input,textarea,select{background:#0d0a1a;border:1px solid #f5c542;color:#f0f0e8;font-family:IBM Plex Mono,monospace;padding:10px 12px;font-size:14px;outline:none;border-radius:0;transition:border-color .15s}input:focus,textarea:focus{border-color:#c084fc}textarea{resize:vertical}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#0d0a1a}::-webkit-scrollbar-thumb{background:#c084fc;border-radius:2px}.progress-fill{transition:width .5s ease}.nav-link{cursor:pointer;padding:12px 16px;font-family:IBM Plex Mono,monospace;font-size:16px;color:#f0f0e8;display:flex;align-items:center;gap:10px;transition:color .15s,background .15s;-webkit-user-select:none;user-select:none}.nav-link:hover{color:#f5c542;background:#f5c5420d}.nav-link.active{color:#f5c542;background:#f5c54214}.project-card{transition:transform .15s,border-color .15s}.project-card:hover{transform:translateY(-2px)}.qualified{animation:blink 1.2s step-end infinite}.timeline-line{position:absolute;left:15px;top:40px;width:2px;background:linear-gradient(to bottom,#39d98a,#39d98a33);bottom:40px}