* {box-sizing:border-box; margin:0; padding:0; color:#fff; font-family:'Inter', system-ui, sans-serif; outline:none}
html, body {height:100%; width:100%; overflow-x:hidden; scroll-behavior:smooth;}
body {background:#04070D}
body::-webkit-scrollbar {display:none}
header {display:flex; justify-content:center; width:100%; position:sticky; top:0; background: #04070D; z-index:10; border-bottom:1px solid rgba(255, 255, 255, 0.10)}
	header>div {display:flex; align-items:center; justify-content:space-between; height:80px; padding:16px 80px; width:100%; max-width:1440px}
		header>div>a {display:flex; align-items:center;}
		header>div>.menu {display:flex; align-items:center; gap:72px}
			header>div>.menu>a {font-size:14px; text-decoration:none; color:#D4D4D4; transition:color 0.2s}
				header>div>.menu>a:hover {color:#fff}
				header>div>.menu>a.active {color:#8B5CF6}
		header>div>.user {display:flex; align-items:center; gap:12px}
			header>div>.user>.lang {display:flex; align-items:center; gap:8px}
				header>div>.user>.lang>img {height:20px}
				header>div>.user>.lang>span {font-size:14px;}
			header>div>.user>.add-club {display:flex; font-weight:500; align-items:center; justify-content:center; text-decoration:none; width:110px; height:40px; border-radius:6px; color:#fff; border:1px solid #A78BFA; background:#8B5CF6; font-size:14px;}
			header>div>.user>.login {display:flex; font-weight:500; align-items:center; justify-content:center; text-decoration:none; width:110px; height:40px; border-radius:6px; color:#171717; border:1px solid #E5E5E5; background:#FFF; font-size:14px;}
main {display:flex; justify-content:center; width:100%}
	main>div {display:flex; flex-direction:column; align-items:center; justify-content:space-between; padding:0 80px; width:100%; max-width:1440px}
		.slide {width:100%; display:flex; padding:54px 0 40px 0; gap:30px}
			.slide>.left {height:197px; width:197px;}
				.slide>.left>img {height:100%; width:100%; object-fit:cover; border-radius:16px;}
			.slide>.center {display:flex; flex-direction:column; gap:12px}
				.slide>.center>h1 {font-size:40px; font-weight:500; line-height:48px; color:#8B5CF6}
					.slide>.center>h1>span {color:#fff; margin-left:12px}
				.slide>.center>.rating {display:flex; align-items:center; gap:4px}
					.slide>.center>.rating>img {height:20px; width:20px}
					.slide>.center>.rating>span {font-size:14px; font-weight:400; line-height:20px; color:#F59E0B}
			.slide>.right {display:flex}

footer {margin-top:80px; display:flex; justify-content:center; width:100%; padding-bottom:60px}
	footer>div {display:flex; padding:0 80px; gap:166px; flex-direction:column; align-items:center; justify-content:space-between; width:100%; max-width:1440px}
		footer>div>.top {display:flex; justify-content:space-between; width:100%;}
			footer>div>.top>.left {display:flex; flex-direction:column}
				footer>div>.top>.left>img {height:90px; width:304px}
				footer>div>.top>.left>span {font-size:14px; font-weight:400; color:#fff; margin:24px 0 32px 0}
				footer>div>.top>.left>.soc {display:flex; gap:24px}
					footer>div>.top>.left>.soc>a {font-size:14px; font-weight:400; color:#fff; text-decoration:none; transition:color 0.2s}
					footer>div>.top>.left>.soc>a:hover {color:#8B5CF6}
			footer>div>.top>.right {display:flex; gap:84px; padding-top:14px}
				footer>div>.top>.right>div {display:flex; flex-direction:column; gap:10px}
					footer>div>.top>.right>div>a {font-size:14px; font-weight:400; text-decoration:none; transition:color 0.2s}
					footer>div>.top>.right>div>a:hover {color:#8B5CF6}
		footer>div>.btm {display:flex; flex-direction:column; gap:32px}
			footer>div>.btm>.top {display:flex}
				footer>div>.btm>.top>.left {font-size:12px; color:#fff; font-weight:400}
				footer>div>.btm>.top>.right {display:flex; margin-left:auto; gap:32px}
					footer>div>.btm>.top>.right>a {font-size:12px; font-weight:400; color:#fff; text-decoration:none; transition:color 0.2s}
					footer>div>.btm>.top>.right>a:hover {color:#8B5CF6}
			footer>div>.btm>.btm {color:#737373; font-size:12px; font-weight:400}
				footer>div>.btm>.btm>span {color:#fff}