.header{background-color:var(--background-color);position:sticky;top:0;z-index:1000;padding:1rem}.navbar{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem}.nav-link{color:var(--text-color);text-decoration:none;font-weight:700;font-size:1.1rem}.nav-link:hover{color:var(--primary-color)}.site-footer{background-color:#1a1a1a;color:#ccc;text-align:center;padding:1rem 0;border-top:1px solid #333;margin-top:2rem;font-size:.9rem}.footer-content{max-width:800px;margin:auto}._navbar_1dev1_1{padding:1rem 2rem;background-color:#2e2e2e;border-bottom:2px solid #3a3a3a;font-family:Roboto,sans-serif;display:flex;align-items:center;justify-content:center}._navbar_1dev1_1 a{color:#eee;text-decoration:none;margin:0 1rem;position:relative}._navbar_1dev1_1 a:hover:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:#61dafb}._siteNav_1dev1_26{background:linear-gradient(to right,#1c1c1c,#2a2a2a)}._userNav_1dev1_30{background:#0e0e0e;border-bottom:2px dashed #61dafb;color:#61dafb}._userNav_1dev1_30 ._username_1dev1_35{margin-left:auto;font-weight:700;color:#61dafb}._userNav_1dev1_30 ._icon_1dev1_40{width:24px;margin:0 10px;filter:invert(50%);transition:transform .2s}._userNav_1dev1_30 ._icon_1dev1_40:hover{transform:scale(1.2)}.login-container{min-height:80vh;display:flex;justify-content:center;align-items:center;background:url(/assets/bg-apocalypse.jpg) no-repeat center center;background-size:cover;padding:2rem}.login-box{background-color:#141414d9;padding:2rem;border-radius:10px;box-shadow:0 0 20px #0ff;max-width:400px;width:100%;color:#f8f8f8}.login-box h2{text-align:center;margin-bottom:1.5rem;color:#0ff}.login-box label{display:block;margin-top:1rem}.login-box input{width:100%;padding:.5rem;margin-top:.3rem;border:none;border-radius:5px;background:#2a2a2a;color:#f0f0f0}.login-box button{margin-top:1.5rem;width:100%;padding:.7rem;background:#0ff;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background .3s ease}.login-box button:hover{background:#00c0c0}.register-container{min-height:80vh;display:flex;justify-content:center;align-items:center;background:url(/assets/bg-apocalypse.jpg) no-repeat center center;background-size:cover;padding:2rem}.register-box{background-color:#141414d9;padding:2rem;border-radius:10px;box-shadow:0 0 20px #0ff;max-width:400px;width:100%;color:#f8f8f8}.register-box h2{text-align:center;margin-bottom:1.5rem;color:#0ff}.register-box label{display:block;margin-top:1rem}.register-box input{width:100%;padding:.5rem;margin-top:.3rem;border:none;border-radius:5px;background:#2a2a2a;color:#f0f0f0}.register-box button{margin-top:1.5rem;width:100%;padding:.7rem;background:#0ff;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background .3s ease}.register-box button:hover{background:#00c0c0}.error-message{color:#ff4f4f;font-size:.9rem;margin-top:-1rem;margin-bottom:1rem;text-align:center}.info{margin-top:1rem;text-align:center;font-size:.9rem}.info a{color:#0ff;text-decoration:underline}.about-container{color:var(--text-color);background:var(--background-color);min-height:100vh}.banner{background:url(/img/banner.jpg) center/cover no-repeat;height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-shadow:0 2px 5px black}.banner h1{font-size:3rem;margin:0}.banner p{font-size:1.3rem;margin-top:.5rem}.about-content{max-width:800px;margin:auto;padding:2rem 1rem}.about-content h2,.about-content h3{color:var(--primary-color);margin-bottom:.5rem}.about-content ul{padding-left:1.5rem;margin-bottom:2rem}.screenshots{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.screenshots img{max-width:100%;height:auto;border:2px solid #444;border-radius:8px;box-shadow:0 2px 8px #00000080;max-height:200px;object-fit:cover}@media (max-width: 600px){.banner h1{font-size:2rem}.banner p{font-size:1rem}.screenshots{flex-direction:column;align-items:center}}:root{--primary-color: #61dafb;--secondary-color: #282c34;--text-color: #e9e9e9;--background-color: #2e2e2e}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--background-color);color:var(--text-color)}.home-container{padding:2rem 1rem;max-width:800px;margin:auto}.intro{text-align:center;margin-bottom:2rem}.highlight{color:var(--primary-color)}.stats,.recent{margin-bottom:2rem}ul{list-style:none;padding:0}li{background:#fff;padding:1rem;margin:.5rem 0;border-radius:8px;box-shadow:0 2px 5px #0000000d}@media (max-width: 600px){.nav-link{font-size:1rem}.home-container{padding:1rem}li{font-size:.95rem}}