*{box-sizing:border-box;margin:0;padding:0}body{background-color:#081021;background-image:linear-gradient(rgba(58,134,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(58,134,255,.07) 1px,transparent 1px);background-size:40px 40px;color:#e2e8f0;font-family:'Chakra Petch',sans-serif;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:clamp(10px,2vw,1rem)}.ui-frame{position:relative;width:100%;max-width:1100px;height:100%;max-height:750px;border:1px solid rgba(58,134,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem);text-align:center;background:radial-gradient(circle at center,rgba(8,16,33,.8) 0,#081021 100%)}.ui-frame::after,.ui-frame::before{content:'';position:absolute;width:25px;height:25px;border:3px solid #fc0;pointer-events:none}.ui-frame::before{top:-2px;left:-2px;border-right:none;border-bottom:none}.ui-frame::after{bottom:-2px;right:-2px;border-left:none;border-top:none}.crosshair-tr{position:absolute;top:-2px;right:-2px;width:25px;height:25px;border:3px solid #fc0;border-left:none;border-bottom:none;pointer-events:none}.crosshair-bl{position:absolute;bottom:-2px;left:-2px;width:25px;height:25px;border:3px solid #fc0;border-right:none;border-top:none;pointer-events:none}.badge{position:absolute;top:clamp(15px,3vw,30px);right:clamp(15px,3vw,30px);border:1px solid #fc0;color:#fc0;background:rgba(255,204,0,.1);padding:5px 10px;font-size:clamp(.65rem,1.5vw,.8rem);text-transform:uppercase;letter-spacing:1px;font-weight:700}.logo-container{margin-bottom:clamp(1rem,3vw,2rem)}.logo-container img{height:clamp(45px,10vw,70px);width:auto;filter:drop-shadow(0 0 12px rgba(58,134,255,.6))}h1{font-size:clamp(2.2rem,7vw,5rem);font-weight:700;color:#fff;text-transform:uppercase;line-height:1.1;margin-bottom:clamp(.5rem,1.5vw,1rem);text-shadow:4px 4px 0 #fc0,-2px -2px 0 #3a86ff;letter-spacing:-1px}.content-box{max-width:750px;margin:0 auto clamp(1.5rem,4vw,3rem);padding:0 clamp(10px,2vw,20px)}p{font-size:clamp(.9rem,2.2vw,1.15rem);line-height:1.6;color:#a0aec0;margin-bottom:clamp(.5rem,1.5vw,1rem)}.cta-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#fc0;color:#081021;font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:700;text-transform:uppercase;text-decoration:none;padding:clamp(.8rem,2vw,1.2rem) clamp(2rem,5vw,3.5rem);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);transition:all .25s cubic-bezier(.4,0,.2,1);outline:none;position:relative}.cta-btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid transparent;transition:border-color .25s}.cta-btn:focus,.cta-btn:hover{transform:scale(1.04);background-color:#ffe033;box-shadow:0 0 20px rgba(255,204,0,.4)}.cta-btn:focus-visible::before{border-color:#081021}.footer{position:absolute;bottom:clamp(15px,3vw,30px);width:100%;text-align:center;font-size:clamp(.75rem,1.5vw,.85rem);color:#4a5568}.footer a{color:#3a86ff;text-decoration:none;margin:0 clamp(8px,2vw,15px);text-transform:uppercase;letter-spacing:1px;transition:color .2s}.footer a:focus,.footer a:hover{text-decoration:underline;color:#fc0}@media(max-width:600px){.ui-frame{border:none;background:transparent;max-height:none}.ui-frame::before,.ui-frame::after,.crosshair-tr,.crosshair-bl{display:none}.badge{position:relative;top:auto;right:auto;display:inline-block;margin-bottom:1.5rem}}