@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glitch-subtle{2%,64%{transform:translate(1px) skew(0)}4%,60%{transform:translate(-1px) skew(0)}62%{transform:translate(0) skew(1deg)}}:root{--n-black: #0A0A0A;--n-white-base: #EAEAEA;--n-white-accent: #F5F5F5;--font-main: "Arial", "Helvetica", sans-serif;--font-mono: "VT323", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--n-white-base);color:var(--n-black);font-family:var(--font-main);cursor:none}body{opacity:0;animation:fadeIn .5s ease-out forwards}a{text-decoration:none;color:inherit}#main-content{position:relative;width:100%;height:100%;padding:30px;display:none;opacity:0}header{position:relative;z-index:10;display:flex;justify-content:flex-start;align-items:flex-start}nav{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:10}#content-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:80px 30px;overflow-y:auto}#matrix-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;opacity:.1}#custom-cursor,#cursor-ring{position:fixed;top:-20px;left:-20px;pointer-events:none;will-change:transform;z-index:9999}#custom-cursor{width:8px;height:8px;background-color:var(--n-black);border-radius:50%}#cursor-ring{width:28px;height:28px;border:1px solid var(--n-black);opacity:.3;border-radius:50%}.corner-brand{font-family:var(--font-main);font-size:24px;font-weight:700;letter-spacing:1px}nav ul{list-style:none;display:flex;gap:40px}.nav-item{font-size:16px;letter-spacing:1.5px;position:relative;padding-bottom:5px;text-align:center;width:160px}.nav-item:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:1px;background-color:var(--n-black);transition:width .4s ease-out}.nav-item.active{font-weight:700}.nav-item.active:after{width:100%}.scramble{display:inline-block;white-space:nowrap;text-align:center}#boot-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--n-white-base);display:flex;justify-content:center;align-items:center;z-index:1000}.boot-content{text-align:center}.boot-logo{font-family:var(--font-mono);font-size:10vw;font-weight:400;color:var(--n-black);opacity:.8;-webkit-user-select:none;user-select:none}#enter-button{background:none;border:1px solid var(--n-black);color:var(--n-black);font-family:var(--font-mono);padding:10px 20px;font-size:24px;letter-spacing:2px;transition:background-color .3s,color .3s;margin-top:20px}#enter-button:hover{background-color:var(--n-black);color:var(--n-white-accent)}.view-container{max-width:800px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.view-container h1{font-family:var(--font-mono);font-size:4vw;letter-spacing:2px;margin-bottom:1.5rem}.lab-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.watermark-bg{position:absolute;font-family:var(--font-mono);font-size:25vw;font-weight:400;color:#0000000d;-webkit-user-select:none;user-select:none;text-transform:lowercase;z-index:-1}.foreground-text{font-family:var(--font-mono);font-size:10vw;color:var(--n-black);-webkit-user-select:none;user-select:none;text-transform:lowercase;animation:glitch-subtle 1.5s linear infinite;position:relative}.foreground-text:before,.foreground-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;overflow:hidden}.foreground-text:before{left:2px;animation:glitch-subtle 2s linear infinite reverse;opacity:.5}.foreground-text:after{left:-2px;animation:glitch-subtle 2.5s linear infinite reverse;opacity:.4}.platform-links-v2{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:450px;margin-top:1rem}.platform-item-v2{border:1px solid var(--n-black);background-color:transparent;color:var(--n-black);padding:15px 25px;font-family:var(--font-mono);font-size:1.5rem;letter-spacing:1px;text-align:left;display:flex;align-items:center;gap:20px;transition:background-color .3s,color .3s}.platform-item-v2 i{font-size:1.8rem;width:30px;text-align:center}.platform-item-v2:hover{background-color:var(--n-black);color:var(--n-white-accent)}.contact-form{width:100%;max-width:500px;display:flex;flex-direction:column;gap:1.2rem;font-family:var(--font-mono)}.form-group{display:flex;flex-direction:column}.form-group label{font-size:1rem;letter-spacing:1px;margin-bottom:8px;text-align:left}.form-group input,.form-group textarea{background-color:transparent;border:1px solid var(--n-black);color:var(--n-black);padding:12px;font-family:var(--font-mono);font-size:1rem;transition:background-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;background-color:#0000000d}textarea{resize:vertical;min-height:100px}.submit-btn{background:none;border:1px solid var(--n-black);color:var(--n-black);font-family:var(--font-mono);padding:12px 20px;font-size:1.2rem;letter-spacing:2px;transition:background-color .3s,color .3s;align-self:flex-start}.submit-btn:hover{background-color:var(--n-black);color:var(--n-white-accent)}.form-note{font-size:.8rem;text-align:center;opacity:.6;margin-top:1rem}@media (max-width: 768px){#custom-cursor,#cursor-ring{display:none}html,body{cursor:default}#main-content{padding:0}header{position:fixed;top:0;left:0;width:100%;padding:20px;background-color:transparent}nav{width:100%;left:0;transform:none;bottom:0;padding:20px;background:transparent;border-top:none;display:flex;justify-content:center}nav ul{flex-direction:column;gap:15px;width:100%;align-items:center}.nav-item{font-size:18px;width:auto}.corner-brand,.nav-item{text-shadow:0 0 4px rgba(0,0,0,.6)}#content-wrapper{padding:80px 20px 180px}.boot-logo{font-size:18vw}.view-container h1{font-size:2.5rem}.foreground-text{font-size:15vw}.watermark-bg{font-size:30vw}.platform-item-v2{font-size:1.2rem;padding:12px 20px;gap:15px}.contact-form{gap:1rem}.form-group input,.form-group textarea{padding:10px}.submit-btn{width:100%;text-align:center}}@media (max-width: 375px){#content-wrapper{padding:70px 15px 160px}.view-container h1{font-size:2rem}.platform-item-v2{font-size:1rem;padding:10px 15px}}
