@font-face{font-family:Sudo Display;src:url(/fonts/sudo.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-color: #e5e5e5;--line-color: #111111;--accent-color: #ea2e2e;--font-mono: "Space Mono", monospace;--font-sudo: "Sudo Display", sans-serif}html.dark-theme{--bg-color: #111111;--line-color: #e5e5e5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--line-color);font-family:var(--font-mono);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;overflow-x:hidden;position:relative;transition:background-color .3s ease,color .3s ease}.wrapper{width:100%;max-width:1200px;border:1px solid var(--line-color);display:grid;grid-template-columns:250px 1fr 200px 80px;grid-template-rows:80px 150px minmax(250px,auto) auto 150px;background-color:var(--bg-color);opacity:0;animation:showWrapper .1s linear .2s forwards;position:relative;z-index:10;transition:background-color .3s,border-color .3s}.cell{border:1px solid var(--line-color);margin-top:-1px;margin-left:-1px;padding:20px;position:relative;overflow:hidden;transition:background-color .3s,border-color .3s}.micro-text{position:absolute;font-size:.5rem;text-transform:uppercase;letter-spacing:1px;color:var(--line-color);opacity:.6;z-index:5;transition:color .3s}.micro-tl{top:5px;left:5px}.micro-br{bottom:5px;right:5px}.header-logo{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;display:flex;align-items:center;text-transform:uppercase}.blink-cursor{color:var(--accent-color);animation:blinker 1s step-end infinite;margin-left:5px}.header-nav{grid-column:2 / 4;display:flex;justify-content:center;align-items:center;gap:30px;font-size:.8rem;text-transform:uppercase;font-weight:700}.nav-link{color:var(--line-color);text-decoration:none;position:relative;transition:color .3s;cursor:pointer}.nav-link:hover{color:var(--accent-color)}.nav-link:before{content:"[";position:absolute;left:-15px;opacity:0;color:var(--accent-color);transition:all .2s ease}.nav-link:after{content:"]";position:absolute;right:-15px;opacity:0;color:var(--accent-color);transition:all .2s ease}.nav-link:hover:before{opacity:1;left:-12px}.nav-link:hover:after{opacity:1;right:-12px}.nav-separator{color:var(--line-color);opacity:.3;transition:color .3s}.nav-clock{font-family:var(--font-mono);font-size:.8rem;color:var(--line-color);transition:color .3s}.theme-toggle{grid-column:4 / 5;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:20}.theme-toggle svg{transition:transform .3s ease,color .3s;pointer-events:none}.theme-toggle:hover svg{transform:scale(1.1) rotate(15deg);color:var(--accent-color)}.avatar-box{grid-column:1 / 3;height:150px;padding:0;display:flex;border-bottom:1px solid var(--line-color)}.avatar-img{width:250px;height:100%;background-color:var(--bg-color);border-right:1px solid var(--line-color);position:relative;transition:background-color .3s,border-color .3s;flex-shrink:0;overflow:hidden}.ascii-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ascii-art{position:absolute;font-family:var(--font-mono);font-size:6px;line-height:6px;color:var(--line-color);font-weight:700;pointer-events:none;white-space:pre;transition:opacity .3s ease}html:not(.dark-theme) .ascii-light{opacity:1}html:not(.dark-theme) .ascii-dark{opacity:0}html.dark-theme .ascii-light{opacity:0}html.dark-theme .ascii-dark{opacity:1}.scanline{position:absolute;top:0;left:0;width:100%;height:2px;background-color:#ea2e2e99;box-shadow:0 0 10px #ea2e2ecc;--scan-end: 155px;animation:scanlineAnim 3s linear infinite;z-index:10;pointer-events:none}.code-box{grid-column:3 / 5;height:150px;display:block;padding:20px;overflow:hidden;position:relative;background-color:var(--bg-color);transition:background-color .3s}.code-scroller{animation:scrollCode 25s ease-in-out infinite alternate;will-change:transform}.code-content{font-size:.65rem;line-height:1.4;color:var(--line-color);opacity:.7;white-space:pre;transition:color .3s}.hero{grid-column:1 / 5;display:flex;justify-content:center;align-items:center;padding:80px 40px;background-color:var(--bg-color)}.main-title{font-family:var(--font-sudo);font-size:clamp(4rem,12vw,10rem);color:var(--line-color);text-transform:lowercase;margin:0;line-height:1;opacity:0;animation:titleReveal .8s cubic-bezier(.7,0,.3,1) .8s forwards;transition:color .3s}.star{color:var(--accent-color);font-size:1.5rem;position:absolute}.star.left{top:30px;left:30px}.star.right{top:30px;right:30px}.info-box{grid-column:1 / 3;display:flex;flex-direction:column;justify-content:center;padding:30px}.info-title{font-size:1.4rem;line-height:1.3;color:var(--line-color);transition:color .3s}.info-sub{margin-top:15px;font-size:.85rem;color:var(--line-color);opacity:.6;transition:color .3s}.red-box{grid-column:3 / 5;background-color:var(--accent-color);color:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:background-color .3s,color .3s}.red-glyphs{font-size:1.5rem;font-weight:700;font-family:var(--font-mono);letter-spacing:2px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;height:100%;padding-bottom:10px}.red-glyphs a{color:#fff;text-decoration:none;transition:.2s;display:flex;align-items:center;gap:10px}.red-glyphs a svg{transition:transform .2s}.red-box:hover{background-color:var(--line-color);color:var(--accent-color)}.red-box:hover .red-glyphs a{color:var(--accent-color)}.red-glyphs a:hover svg{transform:scale(1.1) rotate(-5deg)}.red-box-footer{font-size:.65rem;text-transform:uppercase;letter-spacing:2px;border-top:1px solid white;padding-top:10px;margin-top:10px;transition:border-color .3s}.red-box:hover .red-box-footer{border-color:var(--accent-color)}.bottom-grid-deco{grid-column:1 / 2}.bottom-grid-deco:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--line-color) 1px,transparent 1px),linear-gradient(90deg,var(--line-color) 1px,transparent 1px);background-size:15px 15px;opacity:.15;animation:panGrid 20s linear infinite;z-index:1}.bottom-marquee-cell{grid-column:2 / 3;display:flex;align-items:center;overflow:hidden;white-space:nowrap;position:relative}.marquee-track{display:flex;width:max-content;animation:marqueeScroll 15s linear infinite}.marquee-text{font-size:.8rem;text-transform:uppercase;padding-right:15px;white-space:pre}.bottom-img{grid-column:3 / 5;background-color:var(--line-color);display:flex;justify-content:center;align-items:center;transition:background-color .3s}.scene{width:60px;height:60px;perspective:400px}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:spinCube 8s infinite linear}.cube-face{position:absolute;width:60px;height:60px;border:1px solid var(--accent-color);background:#ea2e2e0d;box-shadow:inset 0 0 10px #ea2e2e4d}.cube-face.front{transform:rotateY(0) translateZ(30px)}.cube-face.back{transform:rotateY(180deg) translateZ(30px)}.cube-face.right{transform:rotateY(90deg) translateZ(30px)}.cube-face.left{transform:rotateY(-90deg) translateZ(30px)}.cube-face.top{transform:rotateX(90deg) translateZ(30px)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(30px)}@keyframes showWrapper{to{opacity:1}}@keyframes blinker{50%{opacity:0}}@keyframes scanlineAnim{0%{transform:translateY(-5px)}to{transform:translateY(var(--scan-end))}}@keyframes scrollCode{0%,10%{transform:translateY(0)}90%,to{transform:translateY(calc(-100% + 110px))}}@keyframes titleReveal{0%{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes panGrid{0%{background-position:0 0}to{background-position:30px 30px}}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spinCube{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(360deg) rotate(360deg)}}.cell:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--line-color);z-index:50;transform-origin:top;pointer-events:none;animation:shutterReveal .6s cubic-bezier(.77,0,.175,1) forwards}@keyframes shutterReveal{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.cell:nth-child(1):after{animation-delay:.2s}.cell:nth-child(2):after{animation-delay:.3s}.cell:nth-child(3):after{animation-delay:.25s}.cell:nth-child(4):after{animation-delay:.4s}.cell:nth-child(5):after{animation-delay:.45s}.cell:nth-child(6):after{animation-delay:.5s}.cell:nth-child(7):after{animation-delay:.6s}.cell:nth-child(8):after{animation-delay:.65s}.cell:nth-child(9):after{animation-delay:.7s}.cell:nth-child(10):after{animation-delay:.75s}.cell:nth-child(11):after{animation-delay:.8s}.do-swap:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--line-color);z-index:60;animation:swapShutter 1s cubic-bezier(.77,0,.175,1) forwards}@keyframes swapShutter{0%{transform:scaleY(0);transform-origin:top}49.9%{transform:scaleY(1);transform-origin:top}50%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media (max-width: 900px){.wrapper{grid-template-columns:1fr 80px;grid-template-rows:auto}.header-nav,.code-box{display:none}.cell{grid-column:1 / -1!important}.header-logo{grid-column:1 / 2!important}.theme-toggle{display:flex!important;grid-column:2 / 3!important}.avatar-box{flex-direction:column;height:auto}.avatar-img{width:100%;height:200px;border-right:none;border-bottom:1px solid var(--line-color)}.scanline{--scan-end: 205px}}