@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");.matrix-intro{position:fixed;top:0;left:0;width:100%;height:100vh;background:black;color:#00ff41;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:VT323,monospace;z-index:9999;transition:opacity 1s ease}.matrix-intro h1{font-size:28px;text-shadow:0 0 5px #00ff41,0 0 10px #00cc33;animation:typing 3s steps(20),flicker 2s infinite;border-right:2px solid #00ff41;white-space:nowrap;overflow:hidden;width:20ch}.matrix-intro p{font-size:14px;margin-top:20px;color:#aaffaa;animation:flicker 3s infinite}@keyframes typing{0%{width:0}to{width:20ch}}@keyframes flicker{0%,to{opacity:1}45%{opacity:.4}50%{opacity:.8}55%{opacity:.6}}.rabbit{width:80px;height:auto;margin-top:40px;animation:hop 4s ease-in-out 3s forwards;position:relative;z-index:2}@keyframes hop{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0) translateX(50px)}75%{transform:translateY(-10px)}to{transform:translate(100px,100px) scale(0) rotate(1turn);opacity:0}}.portal{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#00ff41 0,black 80%);position:absolute;bottom:20px;z-index:1}.time-warp{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,#000 30%,#001f00 100%);z-index:99999;overflow:hidden;animation:warpIn 3s ease-in-out forwards}@keyframes warpIn{0%{transform:scale(1) rotate(0deg);opacity:0}to{transform:scale(3) rotate(2turn);opacity:1}}.matrix-canvas{width:100%;height:100%;display:block;opacity:.13;mix-blend-mode:screen;filter:blur(.8px) brightness(1.2) contrast(1.5);transform:scale(1.1);border-radius:50%;-webkit-clip-path:circle(70% at center);clip-path:circle(70% at center);animation:tunnelEffect 3s ease-in-out forwards}@keyframes tunnelEffect{0%{transform:scale(1) rotate(0deg);opacity:0}to{transform:scale(2.5) rotate(2turn);opacity:.2}}.warp-core{position:absolute;width:200px;height:200px;background:radial-gradient(circle,#00ff41 0,transparent 80%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);animation:corePulse 2s ease-in-out infinite alternate;opacity:.15;z-index:1}@keyframes corePulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.1}to{transform:translate(-50%,-50%) scale(1.5);opacity:.25}}