*{padding:0;margin:0;box-sizing:border-box}body{background:linear-gradient(to bottom,#12071f,#2f204e);color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:#fff}.container{max-width:1536px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}section{height:100vh;scroll-snap-align:center}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.carouselLogos{overflow:hidden;margin:20px auto 0;width:100%}.carouselLogos.short{width:80%}.carouselLogos__track{display:flex;gap:2rem}.carouselLogos__item-main img{width:100px;height:50px;border-radius:1rem}.history{display:grid;grid-template-columns:1.2fr .8fr;align-items:start;justify-items:center;gap:60px;padding:50px 80px;background:linear-gradient(180deg,#0a0a0a,#141414);color:#fff}.historyContent h1{font-size:38px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(90deg,#ff004d,#ffa200,#00ffc6);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:30px;animation:gradientMove 6s ease-in-out infinite}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hBlock{margin-top:20px;background:#ffffff08;border-left:4px solid #ff0044;padding:25px 30px;border-radius:16px;box-shadow:0 8px 25px #0000004d;transition:transform .4s ease,box-shadow .4s ease}.hBlock:hover{transform:translateY(-5px);box-shadow:0 12px 30px #ff004440}.hBlock h2{margin-top:10px;font-size:24px;font-weight:600;color:#ff7b00}.hBlock p{margin-top:15px;line-height:1.6;font-size:16px;opacity:.85}.hAchievements{margin-top:40px;list-style:none;padding:0}.hAchievements li{background:#ffffff0d;border-radius:14px;padding:15px 20px;margin-top:15px;line-height:1.5;font-size:16px;transition:all .3s ease;position:relative;overflow:hidden}.hAchievements li:hover{background:#ffffff1a;transform:translate(6px);border-left:3px solid #ff0044}.hAchievements li:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,#ffffff1a,#ffffff4d,#ffffff1a);transform:skew(-25deg);transition:all .3s ease}.hAchievements li:hover:before{left:125%;transition:all .7s ease-in-out}.hAchievements strong{color:#ff7b00}.hAchievements em{color:#f04;font-style:normal}.historyImage{position:relative;z-index:1}@keyframes pulse{0%,to{opacity:.6;transform:scale(1.7)}50%{opacity:1;transform:scale(2)}}.historyImage img{margin-top:55px;width:100%;max-width:400px;height:auto;border-radius:20px;box-shadow:0 10px 30px #0006;object-fit:cover;transition:transform .8s ease,filter .8s ease;filter:brightness(.9)}.historyImage img:hover{transform:scale(1.05) rotate(-1deg);filter:brightness(1)}.carousel{overflow:hidden;width:100%;margin-top:60px;grid-column:1 / -1}.carousel__track{display:flex;gap:30px}.carousel__item{flex:0 0 auto;width:220px;height:150px;border-radius:15px;overflow:hidden;box-shadow:0 6px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.carousel__item:hover{transform:scale(1.05);box-shadow:0 8px 30px #0006}.carousel__item img{width:100%;height:100%;object-fit:cover;pointer-events:none;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width: 1000px){.history{grid-template-columns:1fr;text-align:center;padding:40px 30px}.hBlock{text-align:left}.historyImage img{margin-top:40px;justify-self:center}}@media (max-width: 600px){.history{padding:30px 20px}.historyContent h1{font-size:28px}.hBlock h2{font-size:20px}.hBlock p,.hAchievements li{font-size:15px}}.header{position:sticky;top:0;width:100%;background:#141414f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:15px 60px;z-index:1000;box-shadow:0 0 15px #ffffff1a}.headerLogo h2{color:#fff;font-size:26px;letter-spacing:1px;cursor:pointer}.headerLogo span{color:#f4a261}.navLinks{display:flex;gap:35px}.navLink{position:relative;text-decoration:none;color:#ccc;font-size:18px;transition:color .3s ease}.navLink:hover{color:#fff}.navLink.active{color:#f4a261;font-weight:600}.underline{position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#f4a261;border-radius:10px}@media (max-width: 1024px){.header{flex-direction:column;gap:10px;padding:15px 20px}.navLinks{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:10px}.headerLogo h2{font-size:22px}.navLink{font-size:16px}}.mellstroyGames{display:grid;grid-template-columns:repeat(2,1fr);align-items:start;justify-items:center;padding:50px;gap:40px}.mellstroyGames h1{font-size:36px;text-align:center;grid-column:1 / -1;margin-bottom:20px}.mellstroyGames p{margin-top:20px;line-height:1.6;font-size:17px;color:#e6e6e6}.mellstroyGames img{width:100%;max-width:400px;border-radius:16px;margin-top:40px;transition:transform .5s ease}.mellstroyGames img:hover{transform:scale(1.05)}.mgHighlights{list-style:none;margin-top:30px;padding:0}.mgHighlights li{margin-top:15px;font-size:17px;transition:transform .2s ease}.mgHighlights li:hover{transform:translate(5px)}.mellstroyGames .mgBlock{background:#ffffff0d;padding:25px;border-radius:12px;box-shadow:0 0 25px #ffffff1a}.mellstroyGames .mgBlock h2{font-size:24px;margin-bottom:15px;color:#fff}.mellstroyGames .mgBlock strong{color:#f4a261}@media (max-width: 900px){.mellstroyGames{grid-template-columns:1fr}.mellstroyGames h1{font-size:28px}.mellstroyGames img{max-width:320px}}.quizContainer{font-family:Poppins,sans-serif;color:#fff;max-width:700px;margin:60px auto;padding:30px;background:linear-gradient(135deg,#1e003a,#25054b,#450b71);border-radius:20px;box-shadow:0 0 40px #6a00ff66;text-align:center;overflow:hidden;position:relative}.quizHeader h1{margin-bottom:20px;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(to right,#c77dff,#9d4edd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.quizProgressBar{width:100%;height:8px;background:#ffffff1a;border-radius:6px;margin-bottom:30px;overflow:hidden}.progressFill{height:100%;background:linear-gradient(90deg,#9d4edd,#c77dff);border-radius:6px}.quizCard{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:25px;border-radius:16px;box-shadow:0 0 20px #9d4edd33;animation:glow 2s infinite alternate}@keyframes glow{0%{box-shadow:0 0 20px #9d4edd33}to{box-shadow:0 0 35px #9d4edd99}}h2{font-size:22px;margin-bottom:20px;color:#f3e8ff}.options{display:flex;flex-direction:column;gap:15px}.option{background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:12px 20px;border-radius:12px;color:#fff;font-size:16px;cursor:pointer;transition:.3s ease}.option:hover{background:#ffffff26}.option.correct{background:#00ff6433;border-color:#00ff6499;color:#0f9}.option.wrong{background:#f003;border-color:#ff000080;color:#ff6b6b}.randomFact{margin-top:25px;font-size:14px;color:#e0baff;opacity:.9}.quizResult{padding:40px;background:#ffffff0f;border-radius:16px;box-shadow:0 0 30px #9d4edd4d}.quizResult h2{font-size:24px;margin-bottom:20px;color:#e5ccff}.restartBtn{background:linear-gradient(90deg,#9d4edd,#c77dff);color:#fff;border:none;padding:12px 25px;border-radius:12px;font-size:16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.restartBtn:hover{transform:translateY(-2px);box-shadow:0 0 15px #9d4eddb3}.heroBanner{text-align:center;padding:80px 20px 40px;background:radial-gradient(circle at top,#2b0056,#0b0014 60%);color:#fff;max-height:200px;position:relative}.heroBanner h1{font-size:3rem;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(90deg,#c77dff,#9d4edd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px}.heroBanner p{font-size:1.2rem;color:#e0c7ff}.glowLine{height:3px;background:linear-gradient(90deg,#9d4edd,#c77dff);margin:30px auto 0;border-radius:5px;box-shadow:0 0 20px #9d4edd99}@media (max-width: 568px){.heroBanner h1{font-size:2rem}}.quoteBlock{margin:80px auto;text-align:center;font-size:1.4rem;color:#d4b3ff;font-style:italic;padding:30px;border-top:1px solid rgba(255,255,255,.1);max-width:700px;max-height:200px}