* {
			box-sizing: border-box;
			outline: none;
		}

		a {
			color: rgb(23, 159, 255);
			text-decoration: none;
			transition: 0.25s;
		}

		a:hover {
			filter: brightness(1.2);
		}

		a:active {
			filter: brightness(0.8);
		}

		#list a , header a {
			color: white;
			text-decoration: none;
			transition: 0.25s;
		}

		#list a:hover , header a:hover {
			filter: none;
			text-decoration: underline;
		}

		#list a:active , header a:active {
			filter: none;
		}

		body {
			background-color: rgb(30, 30, 30);
			color: white;
			font-family: Helvetica, sans-serif;
			margin: 8px;
		}

		footer {
			color: rgba(255, 255, 255, 0.6);
			font-size: small;
			padding: 15px;
		}

		header {
			-webkit-backdrop-filter: blur(30px) saturate(1.5);
			backdrop-filter: blur(30px) saturate(1.5);
			background-color: rgba(255, 255, 255, 0.1);
			border-radius: 10px;
			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
			padding: 12px 15px;
		}

		h1 {
			margin: 15px 0;
		}

		main {
			padding: 15px;
		}

		p {
			margin: 10px 0;
		}

		.bg-img {
			background-attachment: fixed;
			background-image: url("https://e3f49eaa46b57.cdn.sohucs.com/2025/7/11/1/17/MTAwMTIyXzE3NTIxNjc4MzkwNTk=.jpg");
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			height: 100%;
			left: 0;
			opacity: 0.5;
			position: fixed;
			top: 0;
			transform: scale(1.1);
			width: 100%;
			z-index: -1;
		}