{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:'Fredoka',sans-serif;color:#fff;background:linear-gradient(-45deg,#1e88e5,#9c27b0,#00bcd4,#4caf50);background-size:400% 400%;animation:aurora 15s ease infinite}@keyframes aurora{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.main-ui{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;padding:3vh 5vw;text-align:center;position:relative;z-index:1}header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px}.logo-box img{height:60px;width:auto;filter:drop-shadow(3px 3px 0 #000)}.vis{background:rgba(0,0,0,.6);padding:8px 16px;border-radius:30px;font-weight:700;font-size:clamp(.8rem,2vw,1rem);display:flex;align-items:center;gap:8px;border:3px solid #fff;box-shadow:4px 4px 0 #000;text-transform:uppercase}.dot{width:12px;height:12px;background:#0f0;border-radius:50%;border:2px solid #000;animation:blink 1s infinite}@keyframes blink{50%{opacity:.4}}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}h1{font-size:clamp(2.5rem,7vw,5rem);font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:6px 6px 0 #000,0 0 20px rgba(0,0,0,.5);margin-bottom:2vh;color:#ffeb3b;line-height:1.1;max-width:900px}p{font-size:clamp(1rem,3vw,1.5rem);font-weight:700;max-width:700px;margin:0 auto 4vh auto;text-shadow:3px 3px 0 #000;line-height:1.4}.cta{display:inline-block;background:#ff3b3b;color:#fff;text-decoration:none;font-size:clamp(1.2rem,3vw,2.2rem);font-weight:700;padding:2vh 6vw;border-radius:50px;border:5px solid #000;box-shadow:0 10px 0 #000,0 0 30px rgba(255,59,59,.6);text-transform:uppercase;transition:transform .1s ease,box-shadow .1s ease;animation:pulse 2s infinite;cursor:pointer;will-change:transform}@keyframes pulse{0%{box-shadow:0 10px 0 #000,0 0 0 0 rgba(255,59,59,.7)}70%{box-shadow:0 10px 0 #000,0 0 0 25px rgba(255,59,59,0)}100%{box-shadow:0 10px 0 #000,0 0 0 0 rgba(255,59,59,0)}}.cta:active{transform:translateY(10px)!important;box-shadow:0 0 0 #000,0 0 10px rgba(255,59,59,.4)}.cta:focus-visible{outline:4px dashed #ffeb3b;outline-offset:10px}footer{width:100%;padding:2vh;font-size:clamp(.8rem,1.5vw,1rem);font-weight:700;text-shadow:2px 2px 0 #000;opacity:.8}footer a{color:#ffeb3b;text-decoration:none}footer a:hover{text-decoration:underline}@media(max-height:600px){.hero{transform:scale(0.85)}}