:root{--primary-bg:#1a1a2e;--secondary-bg:#16213e;--accent-color:#e94560;--text-color:#f1f1f1;--text-secondary:#b8b8b8;--box-shadow:0 8px 32px rgba(0,0,0,.3);--gradient-bg:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}.page-container{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-bg);color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;opacity:0;animation:fadeIn 1s ease-out forwards}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.menu-container{width:100%;max-width:500px;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.25,.8,.25,1)}.menu-container.visible{opacity:1;transform:translateY(0)}.menu-box{background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;box-shadow:var(--box-shadow);border:1px solid hsla(0,0%,100%,.1);transition:transform .3s ease}.menu-box:hover{transform:translateY(-5px)}.menu-category{font-size:2rem;margin-bottom:1.5rem;color:var(--text-color);text-align:center;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2)}.games-box{display:flex;flex-direction:column;gap:1rem}.menu-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:hsla(0,0%,100%,.1);border-radius:12px;text-decoration:none;color:var(--text-color);font-size:1.1rem;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.05)}.menu-link:hover{background:hsla(0,0%,100%,.2);transform:translateX(5px)}.link-icon{font-size:1.5rem}.link-text{flex:1}.coming-soon-container{margin-top:2rem;width:100%;max-width:500px;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.25,.8,.25,1) .2s}.coming-soon-container.visible{opacity:1;transform:translateY(0)}.coming-soon-box{background:rgba(233,69,96,.15);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;text-align:center;box-shadow:var(--box-shadow);border:1px solid rgba(230,65,92,.2)}.coming-soon-text{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-color);font-weight:600}.coming-soon-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.coming-soon-button{display:inline-block;padding:.8rem 1.8rem;background:var(--accent-color);color:#fff;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;box-shadow:0 4px 15px rgba(233,69,96,.4)}.coming-soon-button:hover{background:#d13854;transform:translateY(-2px);box-shadow:0 6px 20px rgba(233,69,96,.6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.main-content{padding:1rem}.coming-soon-box,.menu-box{padding:1.5rem}.menu-category{font-size:1.8rem}.menu-link{padding:.8rem 1.2rem;font-size:1rem}}.footer{width:100%;padding:2rem 1rem;background:rgba(30,30,46,.8);backdrop-filter:blur(10px);border-top:1px solid hsla(0,0%,100%,.1);text-align:center;color:#d3d3d3;font-size:.9rem;margin-top:auto;opacity:0;transform:translateY(20px);animation:footerFadeIn .8s ease-out forwards}.footer p{margin:.5rem 0;line-height:1.6}.footer a{color:#e6b800;text-decoration:none;transition:color .3s ease;font-weight:500}.footer a:hover{color:gold;text-decoration:underline}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.additional-box-container{opacity:0;transition:opacity .5s ease;width:100%;max-width:600px;margin:20px auto}.additional-box-container.visible{opacity:1}.additional-box{background-color:#2d3748;border-radius:10px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center}.additional-box-title{color:#fff;font-size:1.5rem;margin-bottom:15px}.additional-box-link{display:flex;align-items:center;justify-content:center;background-color:#4a5568;color:#fff;padding:12px 20px;border-radius:5px;text-decoration:none;transition:background-color .3s;margin:10px 0}.additional-box-link:hover{background-color:#5a677d}.additional-box-link .link-icon{margin-right:10px;font-size:1.2rem}.additional-box-link .link-text{font-size:1rem}.step-number{width:30px;height:30px;font-size:1.2rem;box-shadow:0 2px 4px rgba(0,0,0,.3)}.gold-step{position:relative;border:2px solid gold}.gold{background-color:gold}.silver-step{position:relative;border:2px solid silver;margin-top:30px}.silver{background-color:silver}.bronze-step{position:relative;border:2px solid #cd7f32}.bronze{background-color:#cd7f32}.unlock-next-step{margin-top:15px;padding:10px;background-color:hsla(0,0%,100%,.1);border-radius:5px;text-align:center}.unlock-next-step label{display:flex;align-items:center;justify-content:center;cursor:pointer}.unlock-next-step input{margin-right:8px}.unlock-button{background-color:#4a5568;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s}.unlock-button:hover{background-color:#5a677d}.discord-embed{display:flex;max-width:800px;margin:20px auto;border-radius:8px;overflow:hidden;background-color:#2f3136;box-shadow:0 4px 12px rgba(0,0,0,.2)}.embed-color-bar{width:6px}.embed-content{flex:1;padding:16px}.embed-header{display:flex;margin-bottom:16px}.embed-icon{border-radius:50%;margin-right:16px}.embed-title h1{color:#fff;font-size:1.4rem;margin:0 0 4px}.embed-description{color:#b9bbbe;font-size:.9rem}.embed-image{border-radius:4px;overflow:hidden;margin-top:16px}.menu-box{position:relative;padding:20px;margin-bottom:20px;border-radius:10px;background-color:#2d3748}.gold-step{border-left:6px solid gold}.silver-step{border-left:6px solid silver}.bronze-step{border-left:6px solid #cd7f32}.step-number{position:absolute;top:-15px;left:-15px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;box-shadow:0 4px 6px rgba(0,0,0,.3)}.gold{background:linear-gradient(135deg,gold,#d4af37);color:#000}.silver{background:linear-gradient(135deg,silver,#a8a8a8);color:#000}.bronze{background:linear-gradient(135deg,#cd7f32,#b87333);color:#000}.confirmed-text{color:#888;font-style:italic}.unlock-next-step input[type=checkbox]:disabled{cursor:not-allowed;opacity:.7}.step3-confirmation{margin-top:20px;padding:15px;background-color:#575757;border-radius:8px;text-align:center}.confirmation-buttons{display:flex;gap:10px;justify-content:center;margin-top:15px}.confirm-button{background-color:#4caf50;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.confirm-button:hover{background-color:#45a049}.cancel-button{background-color:#f44336;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.cancel-button:hover{background-color:#d32f2f}.confirmed-message{color:#4caf50;font-weight:700;margin:15px 0}.unlock-button.active{background-color:#e0e0e0;color:#333}