*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:#3e3e3e;overflow-x:hidden}body{font-family:Avenir-Next,sans-serif;color:#fff}#hero{height:100vh;background-image:url(/media/background-blurred.jpg);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}#hero .content{max-width:700px;position:relative}.hero-title{max-width:65%;height:auto;margin-bottom:20px}#hero p{font-size:1.2em;margin:20px 0}.download-button{display:inline-block;background-color:#fc910493;color:#fff;padding:15px 30px;border-radius:2em;font-size:1.2em;text-decoration:none;transition:background-color .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.download-button:hover{background-color:#fcba04b4}.hero-secondary-buttons{display:flex;justify-content:center;gap:30px;margin-top:20px}#about{padding:50px 50px 100px;background-color:#2f2f2f;color:#f0f0f0;font-family:Avenir-Next,sans-serif;line-height:1.6;word-spacing:normal}#about .container{max-width:700px;margin:0 auto}#about ul{padding:0;margin:1.8em 0 1.8em 1.8em}#about ul li{font-size:1.1em;margin:.5em 0;color:#ddd;position:relative;padding-left:10px;word-spacing:normal;line-height:1.6}#about h2{font-size:2.8em;margin:1.2em 0;color:#f0f0f0;border-bottom:2px solid #555}#about p{font-size:1.2em;color:#ccc;margin:20px 0}#about h3{font-size:1.8em;margin:1.5em 0;color:#f0f0f0;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Roboto,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:1px}#about .features p,#about .dependencies p{max-width:800px;margin:0 auto 20px;text-align:left}#about ul li strong{color:#f0f0f0}#about ul li a{color:#4f9cff;text-decoration:none}#about ul li a:hover{text-decoration:underline}#about a{color:#4f9cff;text-decoration:none}#about a:hover{text-decoration:underline}#about .features h3,#about .dependencies h3{border:2px solid #555;display:inline-block;padding:10px 20px;border-radius:8px}.hero-secondary-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.hero-screenshots-button,.previous-releases-button{display:flex;align-items:center;justify-content:center;width:130px;height:50px;background-color:#2b2b2b66;color:#fff;padding:0 20px;border-radius:2em;font-size:1em;text-decoration:none;transition:background-color .3s ease;border:1px solid rgba(255,255,255,.2);text-align:center}.hero-screenshots-button:hover,.previous-releases-button:hover{background-color:#707070cc}.hero-secondary-buttons{display:flex;justify-content:center;gap:15px}@media (max-width: 600px){.hero-screenshots-button,.previous-releases-button{display:inline-block;width:100%;max-width:150px;padding:15px 30px;font-size:1.2em;border-radius:2em;background-color:#2b2b2b66;color:#fff;border:1px solid rgba(255,255,255,.2);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:-10px;text-decoration:none;transition:background-color .3s ease;line-height:1.2}.previous-releases-button{font-size:1.2em!important}.hero-screenshots-button,.previous-releases-button{display:flex;align-items:center;justify-content:center}.hero-secondary-buttons{flex-direction:column;gap:20px;align-items:center}}footer{text-align:center;padding:10px 0 30px;background-color:#3e3e3e;color:#bbb}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#3e3e3e}::-webkit-scrollbar-thumb{background:#6e6e6e;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#5a5a5a}html{scrollbar-width:thin;scrollbar-color:#707070 #6e6e6e}#screenshots{padding:60px;background-color:#3e3e3e;text-align:center}#screenshots h2{font-size:2.5em;margin-top:20px;margin-bottom:10px;color:#fff;text-align:center}#screenshots p{font-size:1.2em;margin-bottom:75px;color:#bbb;text-align:center}@media (max-width: 800px){#screenshots h2,#screenshots p{text-align:center;margin:10px -15px}}.gallery{display:grid;grid-template-columns:repeat(3,1fr);cursor:pointer;gap:20px;justify-items:center;align-items:center}.second-row{margin-top:0}.gallery-item{border-radius:20px;overflow:hidden;position:relative}.gallery-item img{width:100%;height:auto;display:block;border-radius:20px;transform:translateZ(0) scale(1);transition:transform .3s ease,opacity .3s ease}.gallery-item:hover img{transform:translateZ(0) scale(1.05);opacity:.8}@media (max-width: 800px){.gallery{grid-template-columns:1fr;gap:20px;margin:70px -40px 0;justify-items:center}.second-row{margin-top:0}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080;opacity:0;transition:opacity .3s ease}.modal.show{display:flex;opacity:1}.modal.hide{opacity:0;transition:opacity .3s ease}.modal-content{margin:auto;display:block;max-width:80%;max-height:80%;border-radius:20px;padding:0;opacity:0;transform:scale(.8);transition:transform .3s ease,opacity .3s ease;overflow:hidden}.modal-content img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.modal.show .modal-content{opacity:1;transform:scale(1)}.modal.hide .modal-content{opacity:0;transform:scale(.8);transition:transform .3s ease,opacity .3s ease}@media (max-width: 800px){.modal-content{padding:0;max-width:95%}}
