:root{--button-blue: #5BC0EB;--button-blue2: #ACF0FF;--button-orange1: #FD7300;--button-orange2: #FFB272;--button-blue3-rgb: 156, 219, 247;--color-gray: #798c99;--dark-blue: #406599;--background-gray: #f5f5f5;--button-orange: #ffae6f;--quiztopherBlue1: rgb(107, 170, 231);--quiztopherBlue2: rgb(98, 107, 173);--color-background-1: #2A56A0;--color-background-2: #320B3F;--color-popup1: #0b2763;--color-popup2: #0f172a;--color-neon-effect: #0ff;--color-neon-effect2: #FFDADA}.gradient-fill{background:radial-gradient(ellipse 120% 120% at center,var(--button-blue2),var(--dark-blue))}.background-fill{background:radial-gradient(ellipse 70% 70% at center,var(--color-background-1),var(--color-background-2))}.popup-fill{background:radial-gradient(ellipse at center,var(--color-popup1),var(--color-popup2));border:2px solid #00ffe0;box-shadow:0 0 12px #00ffe0,0 0 30px #00ffe033}.button-styling1{background:linear-gradient(to bottom,var(--button-orange2),var(--button-orange1));color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:50px;padding:10px 25px;cursor:pointer;width:100%;max-width:400px;margin:8px auto;box-shadow:0 4px 10px #ff730066,inset 0 1px 2px #ffffff4d;transition:all .2s ease-in-out}.button-styling1:hover{transform:translateY(-2px);box-shadow:0 6px 14px #ff730080,inset 0 1px 3px #fff6}.button-style{background:linear-gradient(to bottom,#0ea5e9,#6366f1);color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:50px;padding:10px 25px;cursor:pointer;width:100%;max-width:400px;margin:8px auto;display:inline-block;text-align:center;text-decoration:none}.light-button{background:transparent;color:#fff;font-size:1.2rem;font-weight:500;text-decoration:underline;border:none;cursor:pointer;text-shadow:0 0 2px var(--color-neon-effect),0 0 5px var(--color-neon-effect);position:relative}.button-style:hover{background-color:#8080ff}.button-style:focus{border-color:#008296;box-shadow:#d5d9d980 0 2px 5px;outline:0}.button-style2{background-color:var(--button-orange);color:#fff;padding:15px 30px;font-size:16px;font-weight:800;border-radius:5px;border:none;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center;margin-bottom:10px;width:fit-content}.button-style2:hover{background-color:#3498db;box-shadow:0 4px 8px #0003}.button-style2-icon{margin-right:10px;height:30px;vertical-align:middle}.cancel{background:white;color:#000}.cancel:hover{background-color:#ababab}.title{color:#fff;font-size:50px;font-weight:600}.subtitle{color:#fff;font-size:25px}.regText{color:#fff;font-size:18px;font-weight:400}.separator-horizontal{border-top:2px solid #ffffff;width:100%;margin:10px 0}.center-content{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.link{text-decoration:underline;color:#007bff}.global-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,var(--color-popup1),var(--color-popup2));color:#fff;border-radius:20px;padding:20px 10px;width:90%;max-width:500px;max-height:80vh;border:2px solid #00ffe0;box-shadow:0 0 12px #00ffe0,0 0 30px #00ffe033;z-index:100;overflow-y:auto;list-style-type:none;animation:fadeInPopup .4s ease-out;transition:transform .3s ease}@keyframes fadeInPopup{0%{transform:translate(-50%,-60%) scale(.95);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.close-button{position:absolute;top:10px;right:10px;border:none;background:none;font-size:24px;color:#fff;cursor:pointer;z-index:100}.close-icon{height:20px;width:20px;transition:transform .3s ease}.powerups-toggle{display:flex;align-items:center;gap:.4em;cursor:pointer}.powerups-toggle input[type=checkbox]{display:none}.toggle-slider{width:40px;height:20px;background-color:#ccc;border-radius:20px;position:relative;transition:background-color .2s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;background-color:#fff;border-radius:50%;top:1px;left:1px;transition:transform .2s}.powerups-toggle input:checked+.toggle-slider{background-color:var(--color-neon-effect);box-shadow:0 0 8px var(--color-neon-effect)}.powerups-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:.95em;color:#fff}
