@import"https://fonts.googleapis.com/css2?family=Nunito:wght@800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;width:100vw;height:100vh;overflow:hidden;background-color:#151720;color:#fff;font-family:Nunito,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0;text-transform:none;-webkit-appearance:button;background-color:transparent;border-style:none}.screen-container{display:flex;flex-direction:column;align-items:center;height:100vh;width:100vw;background-color:#151720;color:#fff;overflow-y:auto;overflow-x:hidden;position:relative;padding:20px;text-align:center}.screen-container.centered{justify-content:center}.logo-container{display:flex;flex-direction:column;align-items:center;z-index:10;margin-bottom:2rem}.logo-container.large{transform:scale(1.2);margin-top:-2rem;margin-bottom:50px}.logo-container.medium{transform:scale(1)}.logo-container.small{transform:scale(.6);margin-top:10px;margin-bottom:10px}.logo-arrow-up{display:flex;align-items:center;color:#00e096;text-shadow:0 4px 0 rgba(0,180,120,.4)}.logo-text-up{font-size:80px;font-weight:900;line-height:1;margin-left:-10px;-webkit-text-stroke:2px #0a3d32}.logo-arrow-down{display:flex;align-items:center;color:#ff2e55;margin-top:-20px;margin-left:60px;text-shadow:0 4px 0 rgba(180,40,70,.4)}.logo-text-down{font-size:80px;font-weight:900;line-height:1;margin-right:-10px;-webkit-text-stroke:2px #4a101b}.btn-3d{position:relative;background:none;border:none;cursor:pointer;transition:transform .1s;display:block;width:100%}.btn-3d:active .btn-face{transform:translateY(4px)!important}.btn-shadow{position:absolute;top:6px;left:0;width:100%;height:100%;border-radius:16px}.btn-face{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;display:flex;justify-content:center;align-items:center;transition:transform .1s}.btn-yellow{height:80px}.btn-yellow .btn-shadow{background-color:#e6c200}.btn-yellow .btn-face{background-color:gold;color:#000;font-size:36px;font-weight:900;letter-spacing:-1px;text-transform:uppercase}.btn-blue{height:50px}.btn-blue .btn-shadow{background-color:#2381b8;top:4px;border-radius:12px}.btn-blue .btn-face{background-color:#3498db;color:#fff;font-size:16px;font-weight:800;letter-spacing:.5px;border-radius:12px;text-transform:uppercase}.btn-blue:active .btn-face{transform:translateY(4px)}.btn-sky{height:70px}.btn-sky .btn-shadow{background-color:#2381b8}.btn-sky .btn-face{background-color:#2d9cdb;color:#fff;font-size:32px;font-weight:900;text-transform:uppercase}.btn-icon-3d{width:60px;height:60px;position:relative;background:none;border:none;cursor:pointer;display:block}.btn-icon-3d .btn-shadow{top:4px;border-radius:12px}.btn-icon-3d .btn-face{border-radius:12px}.btn-icon-3d:active .btn-face{transform:translateY(4px)}.btn-red .btn-shadow{background-color:#991b31}.btn-red .btn-face{background-color:#ff2e55;color:#fff}.btn-icon-blue .btn-shadow{background-color:#2381b8}.btn-icon-blue .btn-face{background-color:#3498db;color:#fff}.input-toy{width:100%;height:60px;border-radius:12px;border:none;padding:0 20px;font-family:Nunito,sans-serif;font-weight:800;font-size:18px;color:#2d9cdb;background-color:#fff;text-align:center;box-shadow:0 4px #e2e8f0;outline:none;display:block}.input-toy::placeholder{color:#cbd5e1}.flex-center{display:flex;align-items:center;justify-content:center}.sparkle{position:absolute;width:10px;height:10px;background:#ff0;border-radius:50%;box-shadow:0 0 10px gold;opacity:0;animation:twinkle 3s infinite}@keyframes twinkle{0%{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.panel-dark{background-color:#1e293b;padding:15px;border-radius:16px;margin-bottom:30px;width:100%;max-width:320px;border:2px solid #334155}.btn-green{height:100px}.btn-green .btn-shadow{background-color:#059669}.btn-green .btn-face{background-color:#10b981;color:#fff;font-size:32px;font-weight:900;text-transform:uppercase}.btn-green:active .btn-face{transform:translateY(4px)}.btn-red-vote{height:100px}.btn-red-vote .btn-shadow{background-color:#991b31}.btn-red-vote .btn-face{background-color:#ff2e55;color:#fff;font-size:32px;font-weight:900;text-transform:uppercase}.btn-red-vote:active .btn-face{transform:translateY(4px)}.btn-purple{height:60px}.btn-purple .btn-shadow{background-color:#7e22ce}.btn-purple .btn-face{background-color:#a855f7;color:#fff;font-size:20px;font-weight:800;text-transform:uppercase}.btn-purple:active .btn-face{transform:translateY(4px)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{background-color:#fff;border-radius:32px;padding:32px;width:100%;max-width:360px;box-shadow:0 20px 40px #0006;text-align:center;position:relative;z-index:101;color:#1e293b}.modal-title{font-size:24px;font-weight:900;text-transform:uppercase;line-height:1;margin-bottom:8px;color:#0f172a;letter-spacing:-.5px}.modal-message{font-size:18px;font-weight:700;color:#64748b;line-height:1.3;margin-bottom:24px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.btn-gray{height:60px}.btn-gray .btn-shadow{background-color:#94a3b8}.btn-gray .btn-face{background-color:#e2e8f0;color:#64748b;font-size:16px;font-weight:900;text-transform:uppercase}.btn-gray:active .btn-face{transform:translateY(4px)}.btn-confirm-red{height:60px}.btn-confirm-red .btn-shadow{background-color:#991b31}.btn-confirm-red .btn-face{background-color:#ff2e55;color:#fff;font-size:16px;font-weight:900;text-transform:uppercase}.config-list{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin-bottom:30px}.config-card{background-color:#fff;border-radius:24px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;height:100px;position:relative;transition:transform .1s,box-shadow .1s;cursor:pointer;border:4px solid transparent}.config-card.selected{border-color:#2d9cdb;box-shadow:0 10px 20px #2d9cdb33}.config-check{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:16px}.config-title{flex:1;font-size:24px;font-weight:900;color:#0f172a;text-transform:capitalize}.config-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:40px}