@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-bg: #0a0a0f;--terminal-blue: #00ffff;--terminal-purple: #9d00ff;--terminal-text: #ffffff;--glow-blue: rgba(0, 255, 255, .2);--glow-purple: rgba(157, 0, 255, .2);--scan-line-color: rgba(157, 0, 255, .1)}*{margin:0;padding:0;box-sizing:border-box;font-family:VT323,monospace}.app-container{width:100vw;height:100vh;background-color:var(--primary-bg);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0000001a 50%,#0003 50%);background-size:100% 4px;pointer-events:none;z-index:10}.prairie-logo{position:relative;width:300px;height:300px;display:flex;justify-content:center;align-items:center;overflow:visible}.beam-container{position:absolute;width:300px;height:259.8px}.beam-left{position:absolute;top:8px;left:15px;width:1000px;height:2px;background:linear-gradient(to right,var(--terminal-purple) 0%,rgba(157,0,255,.3) 20%,transparent 100%);transform-origin:left center;transform:rotate(210deg);filter:drop-shadow(0 0 5px var(--terminal-purple))}.beam-right{position:absolute;top:8px;right:15px;width:1000px;height:2px;background:linear-gradient(to left,var(--terminal-purple) 0%,rgba(157,0,255,.3) 20%,transparent 100%);transform-origin:right center;transform:rotate(-210deg);filter:drop-shadow(0 0 5px var(--terminal-purple))}.beam-bottom{position:absolute;bottom:5px;left:150px;width:1000px;height:2px;background:linear-gradient(to right,var(--terminal-purple) 0%,rgba(157,0,255,.3) 20%,transparent 100%);transform-origin:left center;transform:rotate(90deg);filter:drop-shadow(0 0 5px var(--terminal-purple))}.triangle{width:0;height:0;border-left:150px solid transparent;border-right:150px solid transparent;border-top:259.8px solid var(--terminal-purple);position:relative;filter:drop-shadow(0 0 10px var(--terminal-purple));animation:logo-pulse 4s ease-in-out infinite}.triangle:before{content:"A";position:absolute;top:-268px;left:-135px;color:var(--terminal-text);font-size:1.8em;text-shadow:0 0 10px var(--terminal-purple)}.triangle:after{content:"E";position:absolute;top:-268px;right:-135px;color:var(--terminal-text);font-size:1.8em;text-shadow:0 0 10px var(--terminal-purple)}.triangle-bottom-letter{position:absolute;bottom:5px;left:50%;transform:translate(-50%);color:var(--terminal-text);font-size:1.8em;text-shadow:0 0 10px var(--terminal-purple)}.scan-effect{position:absolute;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent 0%,rgba(157,0,255,.03) 50%,transparent 100%);background-size:100% 4px;animation:subtle-flicker 8s linear infinite}@keyframes scan{0%{transform:translateY(-150px)}to{transform:translateY(150px)}}@keyframes logo-pulse{0%{filter:drop-shadow(0 0 10px var(--terminal-purple))}50%{filter:drop-shadow(0 0 20px var(--terminal-purple))}to{filter:drop-shadow(0 0 10px var(--terminal-purple))}}@keyframes subtle-flicker{0%{opacity:.3}50%{opacity:.5}to{opacity:.3}}.company-name{position:absolute;bottom:-20px;left:53%;transform:translate(-50%);color:var(--terminal-purple);font-size:24px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px var(--terminal-purple);white-space:nowrap}.login-container{position:absolute;top:90px;left:50%;transform:translate(-50%);z-index:5;width:120px;text-align:center}.login-button{position:relative;background:#0009;border:2px solid var(--terminal-purple);padding:15px 30px;color:#fff;font-family:VT323,monospace;font-size:18px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;clip-path:polygon(15% 0%,85% 0%,100% 50%,85% 100%,15% 100%,0% 50%);transition:all .3s ease;text-shadow:0 0 5px var(--terminal-purple);box-shadow:0 0 10px #9d00ff66,inset 0 0 10px #9d00ff66;width:120px;outline:none;border-radius:0}.login-button:hover,.login-button:focus-visible{background:#9d00ff4d;color:#fff;text-shadow:0 0 8px #ffffff;box-shadow:0 0 15px #9d00ff99,inset 0 0 15px #9d00ff99;transform:scale(1.05);border-color:var(--terminal-purple);outline:none}.login-button:focus{outline:none;border-color:var(--terminal-purple);box-shadow:0 0 15px #9d00ff99,inset 0 0 15px #9d00ff99}.login-button:active{transform:scale(.95);box-shadow:0 0 8px #9d00ff66,inset 0 0 8px #9d00ff66;border-color:var(--terminal-purple)}@keyframes retract-left-beam{0%{transform:rotate(210deg) scaleX(1);opacity:1}to{transform:rotate(210deg) scaleX(0);opacity:0}}@keyframes retract-right-beam{0%{transform:rotate(-210deg) scaleX(1);opacity:1}to{transform:rotate(-210deg) scaleX(0);opacity:0}}@keyframes retract-bottom-beam{0%{transform:rotate(90deg) scaleX(1);opacity:1}to{transform:rotate(90deg) scaleX(0);opacity:0}}.beam-left.retracting{animation:retract-left-beam 1.2s cubic-bezier(.4,0,.2,1) forwards;transform-origin:left center}.beam-right.retracting{animation:retract-right-beam 1.2s cubic-bezier(.4,0,.2,1) forwards;transform-origin:right center}.beam-bottom.retracting{animation:retract-bottom-beam 1.2s cubic-bezier(.4,0,.2,1) forwards;transform-origin:left center}@keyframes fade-out{to{opacity:0}}@keyframes rotate-triangle{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes expand-triangle{0%{transform:rotate(180deg) scale(1)}to{transform:rotate(180deg) scale(20)}}.fade-out{animation:fade-out .5s forwards}.triangle.rotating{transform-origin:center center;animation:rotate-triangle 1.5s cubic-bezier(.4,0,.2,1) forwards}.triangle.expanding{transform-origin:center center;animation:expand-triangle 1.5s cubic-bezier(.4,0,.2,1) forwards}.triangle.fading:before,.triangle.fading:after{animation:fade-out .5s forwards}.company-name.fading,.fading-element{animation:fade-out .5s forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}