@import"https://fonts.cdnfonts.com/css/Arial-black";*{margin:0;padding:0;box-sizing:border-box}
:root
{
	--h1: #feec97;
	--h1-glow: #feed978a;
	--content: rgba(44, 31, 30, 0.6);
	--content2: #1e1413;
	--content3: #2a1f1d;
	--news--gradient: #e48f34;
	--news--gradient2: #aa5b10;
	--online: #65bc1f;
	--offline: #c62e3b;
	--body: #070101;
	--footer: #150707
}

body
{
	background:url(../../img/pwci/bg/top.png) top/contain no-repeat;
	background-color:var(--body);
}

.page {
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;

    opacity: 0;
    transform: scale(1.08);
    transition: opacity .6s ease, transform .6s ease;
    pointer-events: none;
}

.page.active {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
    z-index: 2;
}

.snap-container {
    height: 100vh;
    overflow: hidden;
}

h1
{
	color:var(--h1);
	font-weight:normal;
	font-family:"America"
}

p
{
	text-transform:none
}

li
{
	list-style:none
}

a{text-decoration:none}
nav{
	position:fixed;
	z-index:1002;
	top:0;
	margin:0 auto;
	right:0;
	left:0;
	margin-left:auto;
	margin-right:auto;
	height:6vh;
	justify-content:center;
	align-items:center;
	display:flex;
	transition:.5s;
	background-color: rgba(0, 0, 0, 0.3);
	color: #fd6d46;
	/*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
	filter: drop-shadow(0vh 2vh 3vh rgba(0, 0, 0, 0.627));
	width: 100%; 
    padding: 10px 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
nav.scrolled{width:100%;background-color:rgba(0,0,0,.781);padding-right:2.5vh}
nav .mobile{display:none}
nav ul:nth-child(1){height:100%;display:flex;align-items:center}
nav ul:nth-child(1) li:nth-child(1){margin:0}
nav ul:nth-child(1) li{font-family:"America";text-transform:uppercase;font-size:1.5vh;margin:0vh 2.1vh;position:relative;display:flex;justify-content:center;height:100%;align-items:center}
nav ul:nth-child(1) li div{width:200%;border:.2vh solid rgba(126,88,58,.564);border-top:.2vh solid #be965f;box-shadow:0vh 2vh 3vh rgba(0,0,0,.384);position:absolute;border-radius:1vh;transition:.5s;padding:4vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--content3);top:80%;z-index:1;opacity:0;pointer-events:none}
nav ul:nth-child(1) li div::before{content:"";width:1.2vh;transform:rotate(45deg);height:1.2vh;background-color:var(--content3);border-top:.2vh solid #be965f;border-left:.2vh solid #be965f;position:absolute;top:-0.7vh}
nav ul:nth-child(1) li div a:not(:last-child){margin-bottom:2vh}
nav ul:nth-child(1) li div a{font-family:"Arial";color:gray !important;font-size:1.6vh;transition:.5s;text-transform:none;text-align:center;text-shadow:none !important}
nav ul:nth-child(1) li div a:hover{color:#fff !important;text-shadow:none !important}
nav ul:nth-child(1) li.active a{color:#ffcb58}
nav ul:nth-child(1) li:hover a{color:#ffcb58;text-shadow:0vh 0vh 2vh #ffcb58}
nav ul:nth-child(1) li:hover div{top:100%;opacity:1;pointer-events:all}
nav ul:nth-child(1) li a{color:#dbcdcc;transition:.5s;cursor:pointer}
nav ul:nth-child(1) li img{width:8.5vh;position:relative;top:0vh}
nav ul:nth-child(2){display:flex;align-items:center;height:100%}
nav ul:nth-child(2) li:nth-child(1){position:relative;margin-right:4vh;height:100%;display:flex;align-items:center;cursor:pointer}
nav ul:nth-child(2) li:nth-child(1):hover div{opacity:1;top:80%;pointer-events:all}
nav ul:nth-child(2) li:nth-child(1):hover span img:nth-child(2){transform:rotate(180deg)}
nav ul:nth-child(2) li:nth-child(1) span{display:flex;align-items:center;position:relative}
nav ul:nth-child(2) li:nth-child(1) span img:Nth-child(1){width:2.8vh}
nav ul:nth-child(2) li:nth-child(1) span img:nth-child(2){width:1.2vh;margin-left:1vh;transition:.5s}
nav ul:nth-child(2) li:nth-child(1) div{position:absolute;top:60%;opacity:0;pointer-events:none;transition:.5s}
nav ul:nth-child(2) li:nth-child(1) div a img{width:2.8vh}
nav ul:nth-child(2) .logged{width:20vh !important;margin-right:.5vh !important}
nav ul:nth-child(2) .logged:hover a{text-shadow:0vh 0vh 1vh var(--h1)}
nav ul:nth-child(2) .logged:hover div{opacity:1;pointer-events:all;top:100%}
nav ul:nth-child(2) .logged a{color:#fff;font-size:1.6vh;display:flex;align-items:center;justify-content:center;font-family:"America";cursor:pointer;transition:.5s}
nav ul:nth-child(2) .logged a img{border-radius:100%;width:4vh;border:.2vh solid #be965f;margin-left:1.2vh}
nav ul:nth-child(2) .logged div{width:120%;border:.2vh solid rgba(126,88,58,.564);border-top:.2vh solid #be965f;box-shadow:0vh 2vh 3vh rgba(0,0,0,.384);position:absolute;border-radius:1vh;transition:.5s;padding:3.5vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--content3);top:80%;opacity:0;pointer-events:none}
nav ul:nth-child(2) .logged div::before{content:"";width:1.2vh;transform:rotate(45deg);height:1.2vh;background-color:var(--content3);border-top:.2vh solid #be965f;border-left:.2vh solid #be965f;position:absolute;top:-0.7vh}
nav ul:nth-child(2) .logged div a:not(:last-child){margin-bottom:2vh}
nav ul:nth-child(2) .logged div a{font-family:"Arial";color:gray !important;font-size:1.6vh;transition:.5s;text-transform:none;text-align:center;text-shadow:none !important}
nav ul:nth-child(2) .logged div a:hover{color:#fff !important;text-shadow:none !important}
nav ul:nth-child(2) li:nth-child(2){width:23vh;margin-right:3vh;position:relative;display:flex;justify-content:center;height:100%;align-items:center}
nav ul:nth-child(2) li:nth-child(2):hover .user{text-shadow:0vh 0vh 3vh #fff;color:#fff;filter:brightness(120%)}
nav ul:nth-child(2) li:nth-child(2):hover .user p{transform:scale(1.1)}
nav ul:nth-child(2) li:nth-child(2):hover form{top:101%;opacity:1;pointer-events:all}
nav ul:nth-child(2) li:nth-child(2) form{width:130%;border:.2vh solid rgba(126,88,58,.564);border-top:.2vh solid #be965f;box-shadow:0vh 2vh 3vh rgba(0,0,0,.384);position:absolute;border-radius:1vh;top:80%;opacity:0;pointer-events:none;transition:.5s;padding:4vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--content3)}
nav ul:nth-child(2) li:nth-child(2) form::Before{content:"";width:1.2vh;transform:rotate(45deg);height:1.2vh;background-color:var(--content3);border-top:.2vh solid #be965f;border-left:.2vh solid #be965f;position:absolute;top:-0.7vh}
nav ul:nth-child(2) li:nth-child(2) form p{color:var(--h1);font-family:"America";font-size:2vh;margin-bottom:2.1vh;text-transform:uppercase}
nav ul:nth-child(2) li:nth-child(2) form input{width:100%;height:5vh;padding:0vh 2vh;border-radius:.4vh;margin-bottom:1.2vh;font-size:1.5vh;color:#fff !important;font-family:"Arial";background-color:rgba(66,48,33,.564);border:none;border:.2vh solid rgba(121,85,57,.564);outline:none;transition:.5s}
nav ul:nth-child(2) li:nth-child(2) form input:focus{color:#fff;border-color:rgba(151,110,80,.875);box-shadow:inset 0vh 0vh 2vh rgba(126,88,58,.564)}
nav ul:nth-child(2) li:nth-child(2) form span{display:flex;align-items:center;justify-content:center;margin-bottom:2vh;margin-top:1vh;cursor:pointer}
nav ul:nth-child(2) li:nth-child(2) form span label{color:#fff;font-family:"Arial";margin-left:1vh;cursor:pointer;font-size:1.5vh}
nav ul:nth-child(2) li:nth-child(2) form #checkbox
{
	appearance:none;
	cursor:pointer;
	width:2vh !important;
	padding:0;
	height:2vh !important;
	background-color:rgba(66,48,33,.564);
	border-radius:100%;
	margin-bottom:0;
	outline:none !important
}
nav ul:nth-child(2) li:nth-child(2) form #checkbox:checked
{
	border:.6vh solid #312317;
	background-color:orange;
	box-shadow:0vh 0vh .4vh orange
}
nav ul:nth-child(2) li:nth-child(2) form button
{
	border:none;
	outline:none;
	cursor:pointer;
	width:100%;
	height:4vh;
	color:#fff;
	font-size:1.8vh;
	text-transform:uppercase;
	font-family:"America";
	background-color:rgba(255,255,255,0);
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:2vh;
	transition:.5s
}

nav ul:nth-child(2) li:nth-child(2) form button:hover
{
	filter:brightness(120%)
}

nav ul:nth-child(2) li:nth-child(2) form button span
{
	position:relative;
	z-index:1;
	margin:0
}

nav ul:nth-child(2) li:nth-child(2) form button::before
{
	content:"";
	position:absolute;
	margin-top:-12px;
	width:110%;
	height:5vh;
	background:url(../../img/pwci/nav/button.png) top/cover no-repeat
}
nav ul:nth-child(2) li:nth-child(2) form a{font-family:"Arial";color:gray;font-size:1.6vh;transition:.5s}
nav ul:nth-child(2) li:nth-child(2) form a:hover{color:#fff}
nav ul:nth-child(2) li:nth-child(2) .user
{
	color:var(--h1);
	font-size:1.7vh;
	width:100%;
	cursor:pointer;
	height:4vh;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	font-family:"America";
	transition:.5s
}
nav ul:nth-child(2) li:nth-child(2) .user p
{
	transition:.5s;
	position:relative;
	z-index:1;
	text-transform:uppercas
}
nav ul:nth-child(2) li:nth-child(2) .user::Before
{
	content:"";
	width:110%;
	height:6.9vh;
	background:url(../../img/pwci/nav/button.png) top/cover no-repeat;
	position:absolute;top:-0.7vh
}
.effect
{
	position:absolute;
	width:100%;
	height:100vh;
	overflow:hidden;
	pointer-events:none;z-index:1001
}
.effect div
{
	position:absolute;
	pointer-events:none !important
}
.effect div:nth-child(2)
{
	animation:fly 20s infinite linear;
	transform:rotate(-20deg)
}
.effect div:nth-child(2) img
{
	width:250vh
}
.effect div:nth-child(3)
{
	animation:fly 20s 10s infinite linear;
	transform:rotate(-20deg);
	opacity:0
}
.effect div:nth-child(3) img
{
	width:250vh
}
.effect div:nth-child(1)
{
	display:flex;
	align-items:center;
	justify-content:center;
	animation:levitate 5s infinite linear
}
.effect div:nth-child(1) img
{
	width:190vh;
	pointer-events:none
}
@keyframes levitate{0%{transform:translateY(0)}50%{transform:translateY(-2vh)}100%{transform:translateY(0)}}@keyframes fly{0%{opacity:0;left:-20%;top:0%}10%{opacity:1}90%{left:0%;top:-90%}100%{left:0%;top:-100%;opacity:0}}
header
{
	width:131vh;
	margin:0 auto;
	text-align:center;
	padding-top:100px;
}

header div:nth-child(1)
{
	margin-bottom: 40px;
	top:8.3vh
}

header div:nth-child(1) img
{
	width:58vh
}

header h1
{
	color:#fff;
	font-size:4.8vh;
	letter-spacing:.2vh;
	margin-top:2vh;
	line-height:5vh;
	text-shadow:0vh 0vh 2vh var(--h1-glow);
	text-transform:uppercase;
	display:-webkit-box;
	-webkit-box-orient:vertical;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #9a000b;
    text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
	font-weight:bold;
}

header p
{
	color:#fff;
	font-size:1.8vh;
	font-weight:900;
	width:60%;
	margin:0 auto;
	margin-top:1vh;
	font-family:"Arial";
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:4;
	line-clamp:4;
	-webkit-box-orient:vertical;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #9a000b;
    text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5); 
}

.p-title {
	font-size:4.8vh;
    font-family: "ThienAn";
}

/* Font 2 */
.p-desc {
    font-family: "Montserrat";
}

header a {
    width: 40vh;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    margin-top: 6.5vh;
    height: 8.5vh;
    color: var(--h1);
    font-family: "America";
    text-transform: uppercase;
    font-size: 2.5vh;
    position: relative;
    border-radius: 2vh;
    filter: drop-shadow(0vh 2vh 3vh rgba(0, 0, 0, 0.627));
    
    transition: .5s;
}

header a:hover
{
	text-shadow:0vh 0vh 3vh #fff;
	color:#fff;
	filter:brightness(120%)
}

header a:hover span
{
	transform:scale(1.1)
}

header a span
{
	position:relative;
	z-index:1;
	transition:.5s
}

header a::before
{
	content:"";
	position:absolute;
	top:-0.5vh;
	width:110%;
	background:url(../../img/pwci/header/button.png) top/cover no-repeat;
	height:9vh
}

	main {width:130vh;margin:0 auto;display:flex;align-items:start;justify-content:space-between;margin-top:10vh}
	main .left{width:60.9%;display:flex;flex-wrap:wrap;gap:2.5vh}
	main .left .news{display:flex;flex-wrap:wrap;gap:2.5vh}
	main .left .news div{background-color:rgba(255,255,255,.107);border-radius:1.8vh;position:relative}
	main .left .news div span:nth-child(1){position:absolute;top:-1.2vh;right:2.8vh;height:9.2vh;border-radius:1.2vh;width:7.5vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(var(--news--gradient2), var(--news--gradient))}
	main .left .news div span:nth-child(1) p{text-align:center;color:#fff;font-family:"America";font-size:1.6vh}
	main .left .news div span:nth-child(1) p strong{color:#fff;font-size:3.5vh;font-weight:normal}
	main .left .news div span:nth-child(2){width:100%;height:100%;display:flex;align-items:start;justify-content:end;flex-direction:column;padding:3.5vh;position:relative;overflow:hidden;border-radius:1.8vh}
	main .left .news div span:nth-child(2)::Before{
		content:"";
		width:100%;
		height:100%;
		background:url(../../img/pwci/news/shadow.png) top/cover no-repeat;
		position:absolute;
		opacity:.9;
		left:0;
		top:0}
	main .left .news div span:nth-child(2) h1{
		z-index:1;
		overflow:hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-line-clamp:1;
		line-clamp:1;
		-webkit-box-orient:vertical;
		text-transform:uppercase;
		margin-bottom:1.3vh}
	main .left .news div span:nth-child(2) p a {
    background: none !important; /* Xóa màu nền vàng */
    width: auto !important;      /* Xóa chiều rộng cố định */
    height: auto !important;     /* Xóa chiều cao cố định */
    display: inline !important;  /* Trở về dạng dòng văn bản */
    color: #00cccc;              /* Màu xanh liên kết (giống màu date) */
    text-decoration: underline;  /* Gạch chân cho giống liên kết cũ */
    font-family: "Arial";        /* Font giống đoạn văn bản */
    text-transform: none;        /* Không viết hoa toàn bộ */
	}

	main .left .news div span:nth-child(2) p a:hover {
		color: #fff;                 /* Di chuột vào hiện màu trắng */
	}
	main .left .news div span:nth-child(2) p{
		z-index:1;
		font-family:"Arial";
		color:#fff2d7;
		overflow:hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-line-clamp:3;
		line-clamp:3;
		-webkit-box-orient:vertical;
		margin-bottom:2.2vh;
		font-size:1.6vh;
		line-height:2.2vh}
	main .left .news div span:nth-child(2) > a{z-index:1;display:inline-flex;align-items:center;justify-content:center;font-family:"America";text-transform:uppercase;font-size:1.6vh;color:#fff;background:linear-gradient(var(--news--gradient2), var(--news--gradient));border-radius:1.1vh;transition:.5s}
	main .left .news div span:nth-child(2) a:hover{filter:brightness(120%)}
	main .left .news div:nth-child(1){width:100%;height:35vh}
	main .left .news div:nth-child(1) h1{font-size:3vh;letter-spacing:.2vh}
	main .left .news div:nth-child(1) p{width:80%}
	main .left .news div:nth-child(1) a{width:21vh;height:5.2vh;line-height: 5.2vh}
	main .left .news div:nth-child(2){width:48.3%;height:35vh}
	main .left .news div:nth-child(2) a{width:18vh;height:5vh;line-height: 5vh}
	main .left .news div:nth-child(2) h1{font-size:2.5vh;margin-bottom:.5vh !important}
	main .left .news div:nth-child(3){width:48.3%;height:35vh}
	main .left .news div:nth-child(3) a{width:18vh;height:5vh;line-height: 5vh}
	main .left .news div:nth-child(3) h1{font-size:2.5vh;margin-bottom:.5vh !important}
	main .left .more{width:100%;display:flex;height:6vh}
	main .left .more a{font-family:"America";color:#84706f;width:100%;height:100%;align-items:center;justify-content:center;display:flex;text-transform:uppercase;font-size:2vh;background-color:var(--content2);border-radius:1.2vh;transition:.5s}main .left .more a:hover{color:#fff}main .right{width:47.1vh}main .right .status{background-color:var(--content);padding:3vh;display:flex;height:12.5vh;border-radius:1.2vh;position:relative}main .right .status .online{position:absolute;top:3.2vh;right:3.2vh;color:#fff;font-family:"Arial";text-transform:uppercase;font-size:1vh;padding:.3vh 1.2vh;border-radius:4vh;background-color:var(--online)}main .right .status span:nth-child(1){height:100%;display:flex;align-items:center}main .right .status span:nth-child(1) img{width:7vh}main .right .status span:nth-child(2){margin-left:2vh}main .right .status span:nth-child(2) p:nth-child(1){color:#fff;font-size:2.1vh;text-transform:uppercase;font-family:"America";letter-spacing:.2vh}main .right .status span:nth-child(2) p:nth-child(2){color:#fff;font-size:1.1vh;margin-top:.3vh;margin-bottom:1vh;font-family:"Arial";text-transform:uppercase}main .right .status span:nth-child(2) p:nth-child(2) strong{color:var(--h1);font-weight:normal}main .right .status span:nth-child(2) div{display:flex}main .right .status span:nth-child(2) div p{font-family:"Arial Regular" !important;font-size:1.2vh !important;letter-spacing:0vh !important;color:#7e7975 !important;text-transform:uppercase;font-weight:bold;margin-top:0 !important;margin-bottom:0 !important;margin-right:2vh}main .right .status span:nth-child(2) div p strong{color:var(--online) !important}main .right .gm{margin-top:3.4vh}main .right .gm h1{font-size:2.7vh;letter-spacing:0vh;font-weight:normal;text-transform:uppercase;margin-bottom:1.8vh}main .right .gm ul li:not(:last-child){margin-bottom:.5vh}main .right .gm ul li{padding:3vh;background-color:var(--content3);height:8.5vh;border-radius:1.3vh;display:flex;align-items:center;justify-content:space-between}main .right .gm ul li div:nth-child(1){display:flex;align-items:center;color:#fff;font-family:"America";font-size:1.7vh}main .right .gm ul li div:nth-child(1) span{width:5vh;height:5vh;border-radius:100%;margin-right:2.1vh}main .right .gm ul li .online{color:#fff;font-family:"Arial";text-transform:uppercase;font-size:1vh;padding:.3vh 1.3vh;border-radius:4vh;background-color:var(--online)}main .right .gm ul li .offline{color:#fff;font-family:"Arial";text-transform:uppercase;font-size:1vh;padding:.3vh 1.3vh;border-radius:4vh;background-color:var(--offline)}main .right .categories{margin-top:3.5vh}main .right .categories h1{font-size:2.7vh;letter-spacing:0vh;font-weight:normal;text-transform:uppercase;margin-bottom:1.8vh}main .right .categories ul{padding:2.5vh 2.6vh 1vh 2.5vh;display:flex;flex-wrap:wrap;background-color:var(--content3);border-radius:1.2vh}main .right .categories ul li{width:50%;display:flex;justify-content:start;align-items:center;margin-bottom:1.5vh}main .right .categories ul li a{font-family:"Arial";text-transform:uppercase;display:flex;align-items:center;font-size:1.4vh;color:#ac9c9c;transition:.5s}main .right .categories ul li a:hover{color:#fff}main .right .categories ul li span{width:2.2vh;display:inline-flex;align-items:center;justify-content:center;margin-right:.9vh}main .right .categories ul li span img{width:1.5vh}
	.social{position:relative}
	.social .bg{position:absolute;bottom:-2vh;width:100%;z-index:-1}
	.social .bg img{width:100%}
	.social .content{width:131vh;margin:0 auto;text-align:center;padding-top:12.5vh;padding-bottom:13.7vh;position:relative}
	.social .content h1{text-transform:uppercase;font-size:5vh;line-height:5vh}
	.social .content p{
		font-weight: 900;
		font-size:1.8vh;
		color:#bab9b8;
		font-family:"Montserrat";
		width:60%;
		margin:0 auto;
		margin-top:3.5vh;
		-webkit-box-orient:vertical;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #9a000b;
		text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
	}
	.social .content div{display:flex;align-items:center;justify-content:center;margin-top:2vh}
	.social .content div a:nth-child(1):before{background:url(../../img/pwci/social/1.png) top/cover no-repeat}
	.social .content div a:nth-child(2):before{background:url(../../img/pwci/social/2.png) top/cover no-repeat}
	.social .content div a:nth-child(3):before{background:url(../../img/pwci/social/3.png) top/cover no-repeat}
	.social .content div a:nth-child(4):before{background:url(../../img/pwci/social/4.png) top/cover no-repeat}
	.social .content div a:nth-child(5):before{background:url(../../img/pwci/social/5.png) top/cover no-repeat}
	.social .content div a{
		margin:0vh 2vh;
		width:40vh;
		align-items:center;
		justify-content:center;
		display:inline-flex;margin-top:3.5vh;
		height:10.2vh;color:#fff;
		font-family:"America";
		text-transform:uppercase;
		font-size:2.5vh;
		position:relative;
		border-radius:2vh;
		/*box-shadow:0vh 2vh 3vh rgba(0,0,0,.627);*/
		filter: drop-shadow(0vh 2vh 3vh rgba(0, 0, 0, 0.627));
		transition:.5s}
	.social .content div a:hover{text-shadow:0vh 0vh 3vh #fff;color:#fff;filter:brightness(120%)}
	.social .content div a:hover span{transform:scale(1.1)}
	.social .content div a span{position:relative;z-index:1;display:flex;align-items:center;transition:.5s}
	.social .content div a span i{font-size:3vh;margin-right:2vh}
	.social .content div a::before{content:"";position:absolute;top:-0.5vh;width:110%;height:9vh}footer{background-color:var(--footer)}
	footer .content{padding:5.7vh 0vh;width:133.5vh;margin:0 auto;display:flex;justify-content:space-between;align-items:start}
	footer .content div:nth-child(2){display:flex}footer .content div:nth-child(2) ul{margin-left:10vh}footer .content div:nth-child(2) ul h1{font-size:1.4vh;font-weight:normal;text-transform:uppercase;margin-bottom:.9vh}footer .content div:nth-child(2) ul li{margin-bottom:.4vh}footer .content div:nth-child(2) ul li a{font-size:1.2vh;color:#7e7975;font-family:"Arial";text-transform:uppercase;transition:.5s}footer .content div:nth-child(2) ul li a:hover{color:#fff}footer .content div:nth-child(1){display:flex;align-items:start}footer .content div:nth-child(1) span:nth-child(1){display:flex;align-items:start}footer .content div:nth-child(1) span:nth-child(1) img{width:22vh;position:relative;top:-3.5vh}footer .content div:nth-child(1) span:nth-child(2){margin-left:2.7vh}footer .content div:nth-child(1) span:nth-child(2) a{display:inline-flex;align-items:center;margin-top:3.2vh}footer .content div:nth-child(1) span:nth-child(2) a:hover img{transform:rotate(360deg)}footer .content div:nth-child(1) span:nth-child(2) a:hover p{color:#fff !important}footer .content div:nth-child(1) span:nth-child(2) a img{width:3vh;margin-bottom:0;transition:.5s}footer .content div:nth-child(1) span:nth-child(2) a p{margin-top:0 !important;transition:.5s;margin-left:1vh}footer .content div:nth-child(1) span:nth-child(2) p:nth-child(1){color:var(--h1);font-family:"America";font-size:1.4vh;text-transform:uppercase;font-weight:normal}footer .content div:nth-child(1) span:nth-child(2) p:nth-child(2){font-size:1vh;font-family:"Arial";text-transform:uppercase;color:#7e7975;margin-top:1.4vh}
	.article{overflow:hidden;width:100%}
	.article .img{overflow:hidden;height:26.2vh;width:100%;background-color:#fff;border-radius:1vh;margin-bottom:3.5vh}
	.article h1{font-size:2.5vh;text-transform:uppercase;margin-bottom:2vh}
	.article .share a:not(:last-child){margin-right:1.5vh}
	.article .share a:nth-child(1){background:linear-gradient(#0b3a99, #0e55ea)}
	.article .share a:nth-child(2){background:linear-gradient(#670ea8, #a938e8)}
	.article .share a{
		color:#fff;
		font-size:1.3vh;
		font-family:"America";
		text-transform:none;
		display:inline-flex;
		align-items:center;
		justify-content:center;
		width:14.5vh;
		height:4.2vh;
		border-radius:.7vh;
		transition:.5s}
	.article .share a:hover{filter:brightness(120%)}
	.article .share a i{font-size:2vh;margin-right:1vh}
	.article ul{margin-bottom:3.5vh}
	.article ol{margin-bottom:3.5vh;list-style-type: none;counter-reset: my-counter;padding-left: 2.5vh}
	.article ul li:not(:last-child){margin-bottom:2.2vh}
	.article ol li:not(:last-child){margin-bottom:2.2vh}
	.article ul li{color:#fff2d7;font-size:1.8vh;font-family:"Arial";display:flex;align-items:center}
	.article ol li{counter-increment: my-counter;color:#fff2d7;font-size:1.8vh;font-family:"Arial";display:flex;align-items:center}
	.article ul li span{display:inline-flex;width:.8vh;height:.8vh;background-color:gray;transform:rotate(45deg);margin-right:1.7vh}
	.article ol li span{display:inline-flex;width:.8vh;height:.8vh;background-color:gray;transform:rotate(45deg);margin-right:1.7vh}
	.article p{color:#fff2d7;font-size:2.0vh;font-family:"Arial";margin-bottom:3.7vh;line-height: 2.2vh;}
	.article ol li::before {
			content: counter(my-counter) "/ "; /* Chèn số hiện tại kèm dấu / */
			font-family: "America", sans-serif; /* Bạn có thể dùng font America có sẵn của mình */
			color: #fff2d7; /* Màu sắc nổi bật (Cyan) giống tiêu đề bạn muốn */
			font-weight: bold;
			margin-right: 10px; /* Khoảng cách giữa số và nội dung văn bản */
			white-space: nowrap;
		}
	.article p a {
		color: #00cccc; /* Màu xanh ngọc sáng, nổi bật trên nền đen */
		text-decoration: none;
		font-weight: bold;
		transition: .3s;
	}

	.article p a:hover {
		color: #fff; /* Chuyển trắng khi di chuột */
		text-decoration: underline;
	}

	/* Chỉnh màu cho các Icon (i) đi kèm liên kết cho đồng bộ */
	.article p i {
		color: #2b6ad9; /* Màu xanh dương giống màu ngày tháng ở trang ngoài */
		margin-right: 5px;
	}
	.left .article {
		background-color: rgba(42, 31, 29, 0.85); /* Nền màu tối có độ trong suốt nhẹ */
		border: 1px solid rgba(255, 255, 255, 0.1);  /* Viền mỏng sáng màu nhẹ */
		border-radius: 10px;                         /* Bo tròn 4 góc */
		padding: 25px;                               /* Khoảng cách đệm bên trong */
		margin-bottom: 20px;                         /* Khoảng cách phía dưới */
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);    /* Đổ bóng cho nổi khung */
	}

	/* Đảm bảo hình ảnh bài viết khớp góc bo tròn ở trên */
	.left .article .img {
		border-radius: 6px;
		margin-bottom: 20px;
		min-height: 250px; /* Tùy chỉnh chiều cao ảnh nếu cần */
	}
	.news--page{display:flex;flex-wrap:wrap;gap:5vh}
	.news--page h1{font-size:4vh;font-weight:normal;text-transform:uppercase}
	.news--page .pagination{display:flex;justify-content:center;align-items:center;width:100%}
	.news--page .pagination li{margin:0vh 1.5vh}
	.news--page .pagination li.active a{color:var(--h1);text-shadow:0vh 0vh 1vh var(--h1-glow)}
	.news--page .pagination li:hover a{color:var(--h1);text-shadow:0vh 0vh 1vh var(--h1-glow)}
	.news--page .pagination li:hover button{color:var(--h1);text-shadow:0vh 0vh 1vh var(--h1-glow)}
	.news--page .pagination button{cursor:pointer;background-color:#000;color:#fff;border:none;font-size:2vh;transition:.5s}
	.news--page .pagination a{cursor:pointer;transition:.5s;color:rgba(255,255,255,.464);font-size:2vh;font-family:"America"}
	.news--page div{background-color:rgba(255,255,255,.107);border-radius:1.8vh;position:relative;height:35vh}
	.news--page div span:nth-child(1){position:absolute;top:-1.2vh;right:2.8vh;height:9.2vh;border-radius:1.2vh;width:7.5vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(var(--news--gradient2), var(--news--gradient))}
	.news--page div span:nth-child(1) p{text-align:center;color:#fff;font-family:"America";font-size:1.6vh}
	.news--page div span:nth-child(1) p strong{color:#fff;font-size:3.5vh;font-weight:normal}
	.news--page div span:nth-child(2){width:100%;height:100%;display:flex;align-items:start;justify-content:end;flex-direction:column;padding:3.5vh;position:relative;overflow:hidden;border-radius:1.8vh}
	.news--page div span:nth-child(2)::Before{content:"";width:100%;height:100%;background:url(../../img/pwci/news/shadow.png) top/cover no-repeat;position:absolute;opacity:.9;left:0;top:0}
	.news--page div span:nth-child(2) h1{z-index:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;text-transform:uppercase;margin-bottom:1.3vh}
	.news--page div span:nth-child(2) p{z-index:1;font-family:"Arial";color:#c6c4c5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:2.2vh;font-size:1.6vh;line-height:2.2vh}
	.news--page div span:nth-child(2) a{z-index:1;display:inline-flex;align-items:center;justify-content:center;font-family:"America";text-transform:uppercase;font-size:1.6vh;color:#fff;background:linear-gradient(var(--news--gradient2), var(--news--gradient));border-radius:1.1vh;transition:.5s}
	.news--page div span:nth-child(2) a:hover{filter:brightness(120%)}
	.news--page div{width:100%;height:35vh}
	.news--page div h1{font-size:3vh;letter-spacing:.2vh}
	.news--page div p{width:80%}
	.news--page div a{width:21vh;height:5.2vh}
	main .right .status .offline{position:absolute;top:3.2vh;right:3.2vh;color:#fff;font-family:"Arial";text-transform:uppercase;font-size:1vh;padding:.3vh 1.2vh;border-radius:4vh;background-color:var(--offline)}
	.tags{display:block;margin:1rem 0;clear:both;font-size:1.2rem;color:rgba(255,215,247,0.5)}
	.tags a{text-decoration:none;color:rgba(255,255,255,1)}/*# sourceMappingURL=style.css.map */

.language a.active .flag {
    border: 2px solid gold;
}

.logo {
	max-width: 100%;
    width: clamp(540px, 10vw, 900px);
    height: auto;
	display: block;
    margin: 0 auto;
}

.logo-news {
	max-width: 100%;
    width: clamp(540px, 10vw, 900px);
    height: auto;
	display: block;
    margin-left: auto;
	margin-top: -100px;
    margin-right: 0;
}

/* --- CSS CHO WRAPPER MỚI (Để căn thẳng hàng với MAIN) --- */
.pagination-alignment-wrapper {
    /* Đặt chiều rộng và căn giữa giống như Main (hoặc khối chứa Main) */
    width: 130vh; 
    margin: 0 auto; 
    padding: 0;
}

/* --- CONTAINER PHÂN TRANG (Khung nền xám/tối) --- */
.pagination-container {
    /* FIX: Đặt chiều rộng bằng chính xác chiều rộng của main .left (60.9%) */
    width: 60.9% !important; 
    
    /* FIX: Căn lề trái (margin-left: 0, margin-right: auto) 
       để nó dính sát vào lề trái của .pagination-alignment-wrapper (130vh) 
       và thẳng hàng với main .left.
    */
    margin: 3vh auto 0 0 !important; 
    
    padding: 0 !important; 
    height: 6vh !important; /* Cố định chiều cao (6vh) */
    background-color: var(--content2) !important; 
    border-radius: 1.2vh !important;
    box-sizing: border-box !important; 
    
    /* Căn giữa nội dung bên trong */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    overflow: visible !important;
}

/* GHI ĐÈ NAVIGATION */
.pagination-container nav {
    /* Buộc NAV phải chiếm toàn bộ chiều rộng (60.9%) để dãn cách đều */
    width: 100% !important; 
    
    position: relative !important; 
    top: auto !important;
    left: auto !important;
    z-index: 1 !important;
    background-color: transparent !important;
    border: none !important; 
    padding: 0 !important;
    margin: 0 !important;
    
    display: flex !important; 
    align-items: center !important;
    justify-content: center !important;
}

/* Đảm bảo UL được dãn cách đều các nút bên trong */
.pagination-container ul.pagination {
    display: flex !important;
    /* FIX DÃN CÁCH ĐỀU: Sử dụng space-between */
    justify-content: space-between !important; 
    align-items: center !important;
    background-color: transparent !important;
    border: none !important;
    
    /* Thêm padding hai bên UL để tạo khoảng trống giữa nút đầu/cuối và viền khung xám */
    padding: 0 2.5vh !important; 
    
    margin: 0 !important;
    width: 100% !important; 
    height: 100% !important;
}

/* ẨN NÚT TRƯỚC/TIẾP KHI VÔ HIỆU HÓA (Trang 1/Trang cuối) */
.pagination-container .pagination li.disabled {
    display: none !important; 
}

/* --- ĐỊNH DẠNG CHUNG CHO THẺ LI (CONTAINER CỦA NÚT) --- */
.pagination-container .pagination li {
    list-style: none !important;
    margin: 0 !important; 
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
    position: relative !important; 
    height: 100% !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important; 
}

/* --- ĐỊNH DẠNG CHUNG CHO TẤT CẢ NÚT (A VÀ SPAN) --- */
.pagination-container .pagination li a,
.pagination-container .pagination li span {
    /* CỐ ĐỊNH KÍCH THƯỚC VÀ RESET VỊ TRÍ (FIX LỖI CHỒNG CHÉO/LỆCH) */
    height: 4.5vh !important;
    min-width: 4.5vh !important;
    padding: 0vh 1.5vh !important;

    background-color: transparent !important;
    border: none !important;
    position: static !important; 
    
    /* Style chữ */
    font-family: "America";
    text-transform: uppercase;
    font-size: 1.8vh; 
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important; 
    text-decoration: none;
    color: rgba(255,255,255,0.464) !important; 
    transition: 0.3s;
}

/* --- ĐỊNH DẠNG NÚT SỐ TRANG ĐANG HOẠT ĐỘNG (ACTIVE PAGE) --- */
.pagination-container .pagination li.active span {
    position: relative !important; 
    height: 5.5vh !important;
    width: 5.5vh !important;
    min-width: 5.5vh !important;
    padding: 0 !important; 

    /* Màu cam/nâu */
    background: linear-gradient(var(--news--gradient2), var(--news--gradient)) !important; 
    box-shadow: 0vh 0vh 1vh rgba(255, 140, 0, 0.5); 
    border-radius: 1.1vh; 
    
    color: var(--content2) !important; 
    text-shadow: none !important;
    font-weight: bold;
    font-size: 2vh; 
}

/* --- ĐỊNH DẠNG NÚT TRƯỚC/TIẾP CÓ LINK (A) --- */
.pagination-container .pagination li:not(.disabled) a {
    color: #fff !important;
    font-weight: bold;
    min-width: 10vh !important; 
    padding: 0vh 2vh !important;
}

/* HIỆU ỨNG KHI DI CHUỘT (HOVER) */
.pagination-container .pagination li a:hover {
    color: var(--h1) !important; 
    text-shadow: 0vh 0vh 1vh var(--h1-glow); 
}

/* 1. Khung chứa hero-section trải dài toàn bộ màn hình, không giới hạn tỷ lệ cứng nhắc */
#hero-section {
    position: relative;
    width: 100vw;       /* Tràn trọn vẹn bề ngang màn hình trình duyệt */
    min-height: 100vh;  /* Chiều cao tối thiểu bằng đúng 1 mặt màn hình (hoặc chỉnh lại theo ý muốn) */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 2. Video nền bám sát tuyệt đối kích thước khung */
.bg-video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;       /* Khóa chiều rộng theo thiết bị */
    height: 100vh;      /* Khóa chiều cao theo thiết bị */
    transform: translate(-50%, -50%);
    
    /* Dùng fill để video ép sát khít các cạnh trình duyệt, không bị hở viền */
    object-fit: fill;   
    z-index: 0;
}

/* 3. Phần nội dung chữ, logo căn giữa màn hình */
#hero-section header {
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding: 20px;
}

/* Xử lý riêng cho Mobile nếu cần */
@media (max-width: 768px) {
    #hero-section {
        min-height: 80vh; /* Thu ngắn lại trên điện thoại nếu video ngang quá dài */
    }
}