@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);:root{--background-gradient:linear-gradient(24deg,#1e1e1e 25%,#110f0f 75%);--primary-color:#4caf50;--secondary-color:#080c0c;--background-light:#0c0b0b;--text-light:#fff;--text-dark:#b0bec5;--button-bg:var(--primary-color);--button-bg-hover:var(--secondary-color);--border-color:var(--primary-color);--shadow-color:hsla(0,0%,100%,.3);--border--gold:#fc0}html{font-family:Roboto,sans-serif}body{background:var(--background-gradient);color:#fff}img{max-width:90%}.home{padding-top:100px}.hero-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-bottom:20px;padding:20px;gap:100px}.hero{padding:150px;font-family:Press Start\ 2P,cursive}.hero h1{font-size:2.5rem;line-height:1.2;padding:0;margin-bottom:20px;word-wrap:break-word;color:var(--text-light);border-radius:15px}.hero .letter{display:inline-block;margin:2px 3px;padding:8px;background:var(--primary-color);color:var(--secondary-color);border-radius:5px;font-size:2rem;box-shadow:2px 2px 30px var(--shadow-color)}.hero .letter:hover{animation:none;color:var(--text-light)}.hero .letter.active{animation:bounce 1s ease infinite}.hero-image{max-width:30%;margin-left:20px}.toggle-button{position:fixed;bottom:200px;right:20px;padding:1px 2px;color:#fff;border:none;border-radius:5px;cursor:pointer;z-index:1000}.toggle-button:hover{background-color:#0056b3}@media (max-width:768px){.toggle-button{bottom:20px;width:70px}.hero-container{flex-direction:column;justify-content:center;gap:20px;padding:0;margin:0;width:100%;align-items:center}.hero{padding:50px;font-size:8px}.hero .letter{font-size:1.5rem;margin:1px 2px;padding:6px}.hero-image{max-width:50%}}@media (max-width:480px){.hero h1{font-size:1.5rem}.hero .letter{font-size:1.2rem;margin:1px 2px;padding:4px}.hero-image{max-width:80%}}.letter:hover{color:var(--secondary-color)}.about h2{font-size:2rem;margin-bottom:20px}.about p{margin-bottom:20px;line-height:1.6}about ul{margin:20px 0;padding-left:20px;list-style-type:disc;list-style-position:inside}.about li{margin-bottom:10px;list-style-type:none}.about ul::marker{color:var(--primary-color);font-size:1.2rem}.about strong{font-weight:700}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.cta-container{padding:20px;text-align:center}.cta-button{display:inline-block;padding:12px 24px;margin-top:20px;background:var(--primary-color);color:var(--secondary-color);text-decoration:none;border-radius:5px;transition:background .3s ease}.cta-button:hover{background:var(--button-bg-hover);color:#b0bec5}.about,.games{padding:50px 20px;text-align:center}.game-list{display:flex;justify-content:center;flex-wrap:nowrap;overflow-x:auto;padding:10px}.particles-section{position:relative;width:100%;height:400px;background:var(--background-light);overflow:hidden}.login,.register{padding:50px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:400px;height:550px;margin:200px auto;background:var(--background-gradient);color:var(--primary-color);border:3px solid var(--border-color);border-radius:10px;box-shadow:0 0 15px var(--shadow-color)}.login h2,.register h2{margin-bottom:20px}.login h1,.register h1{margin-top:50px}input{width:300px;padding:.75rem;margin:.5rem 0;border:2px solid var(--border-color);border-radius:5px;background:var(--background-light);color:var(--text-light)}input:focus{outline:none;border-color:var(--primary-color)}button{padding:8px 24px;margin-top:20px;background:var(--primary-color);color:var(--secondary-color);text-decoration:none;border-radius:5px;transition:background .3s ease}button:hover{color:#fff;background:var(--button-bg-hover)}@keyframes slideInFromRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.error-message{color:red}.error-message,.success-message{margin-bottom:0;animation:slideInFromRight .5s ease-out}.success-message{color:green}.app-header{background:var(--background-gradient);position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 2px 8px var(--shadow-color);transition:background .3s ease,box-shadow .3s ease}.app-header.scrolled{background:var(--background-color);box-shadow:0 4px 8px var(--shadow-color)}.app-header .container{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo{display:block;width:120px;height:auto;margin:0 10px;transition:transform .3s ease}.logo:hover{transform:scale(1.5)}nav{align-items:center}nav,nav ul{display:flex}nav ul{list-style-type:none;padding:0;margin:0}nav ul li{margin-right:20px}nav ul li a{color:var(--text-dark);text-decoration:none;font-weight:700;transition:color .3s ease}nav ul li a:hover{color:var(--primary-color)}.menu-toggle{display:none;flex-direction:column;cursor:pointer;position:absolute;margin-top:auto;right:20px;top:20px;z-index:1001}.menu-toggle div{width:35px;height:4px;background-color:var(--text-dark);margin:6px 0;border-radius:2px;transition:all .3s ease}.menu-toggle:hover{background-color:var(--primary-color)}.nav-links{list-style:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin:0;padding:0}.nav-links li{margin:0 1px;position:relative}.nav-links a{color:#fff;text-decoration:none;padding:8px 15px;transition:background-color .3s ease,transform .3s ease;font-weight:700}.nav-links a:hover{background-color:var(--background-light);border-radius:5px;transform:scale(1.05);box-shadow:var(--shadow-color) 0 0 10px}.nav-links.show{display:flex}@media (max-width:768px){.logo{width:100px}nav{position:relative;z-index:1000}nav ul{display:none;position:fixed;top:25%;left:50%;transform:translate(-50%,-50%);width:50%;background:var(--background-gradient);flex-direction:column;align-items:center;padding:20px 0;box-shadow:0 4px 6px var(--shadow-color);border-radius:10px;transition:all .1s ease}nav ul.active{display:flex}nav ul li{margin:15px 0;width:100%;text-align:center}.menu-toggle{display:flex;max-width:80px}.nav-links{display:none;flex-direction:column;width:100%}.menu-toggle.active div:first-child{transform:rotate(-45deg) translate(-7px,8px);background-color:var(--primary-color)}.menu-toggle.active div:nth-child(2){opacity:0}.menu-toggle.active div:nth-child(3){transform:rotate(45deg) translate(-7px,-8px);background-color:var(--primary-color)}nav ul li a{font-size:1.2rem;color:var(--text-dark);display:block;width:100%;padding:10px 0}}.app-footer{background:var(--background-gradient);color:var(--primary-color);padding:20px 0;text-align:center;margin-top:auto}.app-footer .container{display:flex;flex-direction:column;align-items:center}.app-footer .social-links{margin-top:10px}.app-footer .social-links a{color:var(--text-light);margin:0 10px;text-decoration:none;transition:color .3s ease}.app-footer .social-links a:hover{text-decoration:underline}.support{margin:100px auto;padding:20px;max-width:600px}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px}input,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}textarea{resize:vertical;min-height:150px}@media (max-width:768px){.support{padding:20px}button{width:100%}}.particles-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}