@charset "utf8";

/* ============================================
   CYBER / SCI-FI RESKIN
   Same classes & structure as original template.
   Image paths kept identical — swap the actual
   PNG/JPG files with your own cyber-styled art
   and everything will line up automatically.
   ============================================ */

:root{
	--neon-cyan: #00eaff;
	--neon-cyan-dim: #0891b2;
	--neon-purple: #a855f7;
	--neon-purple-dim: #6d28d9;
	--neon-pink: #ff2ee6;
	--bg-void: #05060c;
	--bg-panel: #0b0e1a;
	--bg-panel-2: #10142a;
	--text-main: #c7d2fe;
	--text-dim: #7b83a8;
	--glow-cyan: 0 0 6px rgba(0,234,255,0.8), 0 0 18px rgba(0,234,255,0.35);
	--glow-purple: 0 0 6px rgba(168,85,247,0.8), 0 0 18px rgba(168,85,247,0.35);
}

body{
	background: var(--bg-void) url("../../assets/img/bg/bg.jpg") top no-repeat;
	background-position: 90% -15%;
	background-blend-mode: luminosity;
	font-family: 'Roboto', sans-serif;
	position: relative;
}

/* CSS-only cyber grid overlay — no image assets required */
body::before{
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background-image:
		linear-gradient(rgba(0,234,255,0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0,234,255,0.045) 1px, transparent 1px);
	background-size: 42px 42px;
	mix-blend-mode: screen;
	opacity: 0.5;
}

*{
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-decoration: none;
}

@font-face{
	src: url(../../dist/fonts/beaufortforlol-medium.otf);
	font-family: beaufort;
	font-weight: 500;
}
@font-face{
	src: url(../../dist/fonts/beaufortforlol-bold.otf);
	font-family: beaufort;
	font-weight: bold;
}
@font-face{
	src: url(../../dist/fonts/Roboto-Regular.ttf);
	font-family: roboto;
	font-weight: 300;
}
@font-face{
	src: url(../../dist/fonts/Roboto-Medium.ttf);
	font-family: roboto;
	font-weight: 500;
}

/* Cursor */
body,
html,
label,
input, p span a{cursor: url("../../assets/img/cursor/default.cur"), default;}
a, button[type=submit],
select, option, span, p span a{
	cursor:url("../../assets/img/cursor/pointer.cur"),
	pointer !important; outline: none;
}

.container{width: 100%; margin: 0 auto; position: relative; z-index: 1;}
.content{max-width: 960px; margin: 0 auto;}
.fluido{width: 100%;}

/* section */
.section{height: 450px;}
.section .top{display: block;}
.sociais{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.sociais li{display: inline-flex;}
.sociais li a{
	margin-top: 15px;
	transition: all 0.3s;
	filter: drop-shadow(0 0 3px rgba(0,234,255,0.6));
}
.sociais li a:hover{
	opacity: 0.85;
	filter: drop-shadow(0 0 10px rgba(0,234,255,1));
	transform: translateY(-2px);
}
.logo{
	float: left;
	width: 100%;
	max-width: 400px;
	height: 239px;
	display: block;
	position: relative;
	top: 100px;
}
.logo img{
	width: 100%;
	max-width: 400px;
	margin-top: -110px;
	margin-left: 50px;
	filter: drop-shadow(var(--glow-cyan));
}

/* nav */
.nav{
	display: flex;
	padding: 15px;
	position: relative;
	top: 14px;
	justify-content: space-between;
	background: url("../../assets/img/nav.png") center center no-repeat;
	background-color: rgba(10,12,26,0.4);
	border-top: 1px solid rgba(0,234,255,0.25);
	border-bottom: 1px solid rgba(0,234,255,0.25);
}
.nav ul{height: 50px; line-height: 3px;}
.nav li{display: inline;}
.nav li a{
	color: var(--text-main);
	float: left;
	text-transform: uppercase;
	padding: 30px 31px;
	font-weight: bold;
	transition: all 0.3s;
	font-family: beaufort;
	letter-spacing: 1px;
	text-shadow: 0 0 4px rgba(0,234,255,0.5);
}
.item_nav{
	color: var(--text-main);
	margin-left: 20px;
	margin-top: 3px;
	font-size: 1.1em;
}
.item_nav:hover{
	color: var(--neon-cyan);
	text-shadow: var(--glow-cyan);
}
.nav_d{margin-right: 13px;}
.nav_r{position: relative; left: -7px;}
.nav_v{position: relative; left: 24px;}
.item_acc{
	color: #fff;
	width: 310px;
	height: 78px;
	position: relative;
	top: -14px;
	left: 15px;
	text-align: center;
	font-size: 1.8em;
	background: linear-gradient(135deg, rgba(168,85,247,0.25), rgba(0,234,255,0.25));
	border: 1px solid var(--neon-purple);
	box-shadow: var(--glow-purple);
}
.item_acc span{
	display: block;
	font-size: 0.5em;
	position: relative;
	top: 18px;
	color: var(--text-dim);
	text-transform: uppercase;
	letter-spacing: 2px;
}
.item_acc:hover{
	color: var(--neon-cyan);
	text-shadow: var(--glow-cyan);
	box-shadow: var(--glow-cyan);
	border-color: var(--neon-cyan);
}

/* main */
.main{
	display: flex;
	flex-wrap: wrap;
	margin-top: 5px;
	margin-bottom: 10px;
	justify-content: space-between;
}

/* Warn */
.warn{
	color: var(--neon-pink)!important;
	text-align: center;
	text-shadow: 0 0 6px rgba(255,46,230,0.7);
}

/* donate */
.donate{width: 100%;}
.donate h2{
	color: var(--text-main);
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	display: inline-block;
	z-index: 2;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.donate p{text-align: center; width: 100%;}
.donate img{}

/* aside */
.aside{
	flex-basis: 20%;
	margin-bottom: 20px;
	margin-top: 13px;
}
.download{
	color: #fff;
	width: 195px;
	height: 125px;
	background: url("../../assets/img/btn-download.jpg") center/cover;
	font-weight: bold;
	text-align: center;
	font-family: beaufort;
	font-size: 2em;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-content: center;
	transition: all 0.3s;
	letter-spacing: 1px;
	text-shadow: var(--glow-cyan);
	border: 1px solid var(--neon-cyan);
	box-shadow: 0 0 12px rgba(0,234,255,0.25);
}
.download:hover{
	background: url("../../assets/img/btn-download-over.jpg") center/cover;
	box-shadow: var(--glow-cyan);
	border-color: var(--neon-cyan);
}
.download span{
	font-size: 0.4em;
	text-transform: uppercase;
	color: var(--text-dim);
}
.aside .bx{
	border-radius: 0;
	margin-bottom: 5px;
}
.aside .bx .title{
	padding: 10px;
	border-radius: 0;
	position: relative;
	background: url("../../assets/img/title.png") left no-repeat;
	background-color: rgba(10,12,26,0.5);
	border-left: 2px solid var(--neon-purple);
}
.aside .bx .title h1{
	color: #fff;
	font-weight: bold;
	font-size: 1.3em;
	text-indent: 10px;
	font-family: beaufort;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: var(--glow-purple);
}
.aside .bx .desc{
	width: 158px;
	margin: 0 auto;
	background: url("../../assets/img/aside_middle.png") center repeat-y;
	background-color: rgba(11,14,26,0.6);
	border-left: 1px solid rgba(0,234,255,0.15);
	border-right: 1px solid rgba(0,234,255,0.15);
}
.aside_bottom{
	width: 158px;
	height: 61px;
	margin: 0 auto;
	position: relative;
	background: url("../../assets/img/aside_bottom.png") center repeat-y;
}
.aside_top{
	width: 158px;
	height: 14px;
	margin: 0 auto;
	position: relative;
	background: url("../../assets/img/aside_top.png") center repeat-y;
}
.aside .bx .desc{padding: 5px;}
.aside .bx .desc p{
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
	text-indent: 15px;
	padding: 5px;
}
.aside .bx .desc p span{
	margin-left: 6px;
	font-size: 0.8em;
	text-transform: uppercase;
}
.aside .bx .desc p .on, .aside .bx .desc p .off{
	border-radius: 0;
	padding: 2px 7px;
	text-shadow: none;
	border: 1px solid;
}
.aside .bx .desc p .on{
	background-color: rgba(0,234,255,0.12);
	border-color: var(--neon-cyan);
	color: var(--neon-cyan);
	box-shadow: 0 0 8px rgba(0,234,255,0.4);
}
.aside .bx .desc p .off{
	background-color: rgba(255,46,230,0.12);
	border-color: var(--neon-pink);
	color: var(--neon-pink);
	box-shadow: 0 0 8px rgba(255,46,230,0.4);
}
.aside .bx .desc ul li{display: block;}
.aside .bx .desc ul li a{
	color: var(--text-main);
	margin: 0 auto;
	width: 95%;
	display: block;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	text-indent: -10px;
	border-bottom: 1px solid rgba(0,234,255,0.12);
	transition: all 0.3s;
}
.aside .bx .desc ul li:last-child a{border-bottom: initial;}
.aside .bx .desc ul li a:hover{
	color: var(--neon-cyan);
	text-shadow: var(--glow-cyan);
}

.aside .bx .desc table{width: 80%; margin: 0 auto;}
.aside .bx .desc table .tr{
	color: var(--neon-purple);
	font-size: 0.9em;
	text-align: center;
	text-shadow: var(--glow-purple);
}
.aside .bx .desc table tr td{
	color: var(--text-main);
	font-size: 0.9em;
	text-align: center;
	padding: 3px;
}
.aside .bx .title .imgaside{
	position: absolute;
	top: -16px;
	right: 0;
	z-index: 2;
	filter: drop-shadow(var(--glow-purple));
}

/* main-content */
.main-content{flex-basis: 50%;}

/* conteudo*/
.conteudo{
	padding: 35px;
	border-radius: 0;
	background: url("../../assets/img/conteu_middle.png") center center;
	background-size: 100%;
	background-color: rgba(11,14,26,0.55);
	border-left: 1px solid rgba(0,234,255,0.15);
	border-right: 1px solid rgba(0,234,255,0.15);
}

/* content-main */
.content-main{}
.content-main p{
	color: var(--text-dim);
	font-size: 1em;
	margin-bottom: 7px;
}
.conteu_top{
	width: 760px;
	height: 41px;
	margin: 0 auto;
	position: relative;
	top: 8px;
	z-index: 2;
	background: url("../../assets/img/conteu_top.png") center center no-repeat;
	background-size: 100%;
}
.conteu_bottom{
	width: 760px;
	height: 31px;
	margin: 0 auto;
	position: relative;
	top: -3px;
	z-index: 2;
	background: url("../../assets/img/conteu_bottom.png") center center no-repeat;
	background-size: 100%;
}
.conteudo .title{
	display: block;
	width: 100%;
	padding: 15px;
	margin-bottom: 20px;
	background: url("../../assets/img/line.png") bottom no-repeat;
}
.conteudo .title h2{
	color: var(--neon-cyan);
	font-size: 1.5em;
	margin-top: -40px;
	font-family: beaufort;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: var(--glow-cyan);
}
.conteudo .title h2 img{
	float: left;
	position: relative;
	top: 3px;
	left: -5px;
	filter: drop-shadow(var(--glow-cyan));
}

/* item */
.donate{
	padding: 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.item_donate{
	width: 200px;
	background-color: var(--bg-panel-2);
	padding: 10px;
	border-radius: 0;
	margin: 10px 10px;
	border: 1px solid rgba(168,85,247,0.35);
	box-shadow: 0 0 12px rgba(168,85,247,0.12);
	transition: all 0.3s;
}
.item_donate:hover{
	border-color: var(--neon-purple);
	box-shadow: var(--glow-purple);
}
.item_donate h3{
	color: var(--neon-cyan);
	font-size: 1.2em;
	padding-bottom: 7px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.item_donate .buy{
	margin-right: 5px;
}
.item_donate p{
	color: var(--text-dim);
	font-size: 0.9em;
}
.item_donate .valor{
	color: var(--neon-cyan);
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
	text-shadow: var(--glow-cyan);
}

.item_donate a{
	padding: 7px 10px;
	background: linear-gradient(135deg, var(--neon-purple-dim), var(--neon-cyan-dim));
	color: #fff;
	border-radius: 0;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid var(--neon-cyan);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.85em;
	transition: all 0.3s;
}
.item_donate a:hover{
	text-decoration: none;
	box-shadow: var(--glow-cyan);
	background: linear-gradient(135deg, var(--neon-cyan-dim), var(--neon-purple-dim));
}

/* ranking */
.content-main table{
	width: 100%;
	padding: 15px;
}
.content-main .bg-tr{
	width: 100%;
	color: var(--neon-cyan);
	text-align: center;
	margin: 15px 0;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: var(--glow-cyan);
}
.content-main .tr{
	color: var(--text-main);
	text-align: center;
	position: relative;
	top: 5px;
}

/* criar conta */
.formRegister{
	width: 60%;
	margin: 0 auto;
	position: relative;
}
.formRegister .span{text-align:center; color: var(--text-dim);}
.formRegister .span a{color: var(--neon-cyan);}
.formRegister .span a:hover{text-decoration:underline; text-shadow: var(--glow-cyan);}
.formRegister input{
	display:block;
	width: 100%;
	outline:0px solid var(--neon-cyan);
	padding: 10px 0;
	text-indent: 25px;
	background: url("../../assets/img/line-form.png") no-repeat bottom;
	border-radius:0;
	border: 1px solid rgba(0,234,255,0.25);
	margin:0 auto;
	background-color: var(--bg-panel);
	margin-top:3px;
	color: var(--text-main);
	font-weight:600;
	transition: all 0.3s;
}
.formRegister input:focus{
	border-color: var(--neon-cyan);
	box-shadow: 0 0 10px rgba(0,234,255,0.3);
}
.formRegister .bnt-create,
.notices button[type=submit]{
	display: block;
	padding: 15px 25px;
	width: 203px;
	height: 62px;
	background: url("../../assets/img/btn-c.png") center/cover;
	text-transform:uppercase;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	transition: all 0.3s;
	border: 1px solid var(--neon-purple);
	cursor: pointer;
	font-family: beaufort;
	margin-top: 7px;
	letter-spacing: 1px;
	box-shadow: 0 0 12px rgba(168,85,247,0.25);
}
.formRegister .bnt-create:hover,
.notices button[type=submit]:hover{
	color: var(--neon-cyan);
	text-shadow: var(--glow-cyan);
	background: url("../../assets/img/btn-c-over.png") center/cover;
	border-color: var(--neon-cyan);
	box-shadow: var(--glow-cyan);
}

/* register ok e erro */
.ok, .erro{
	display: block;
	width:70%;
	text-align: center;
	margin: 0 auto;
	margin-top: 10px;
	padding:10px;
	font-size: 1.1em;
	border: 1px solid;
}
.ok{color: var(--neon-cyan); border-color: var(--neon-cyan); text-shadow: var(--glow-cyan);}
.erro{color: var(--neon-pink); border-color: var(--neon-pink); text-shadow: 0 0 6px rgba(255,46,230,0.6);}
.ok span, .erro span{
	display: block;
	font-weight:100;
	font-size: 0.9em;
}

/* slide */
.slide{
	width: 637px;
	height: 344px;
	margin: 0 auto;
	display: block;
	padding: 15px;
	background: url("../../assets/img/bg-slide.png") center center no-repeat;
	background-color: rgba(11,14,26,0.4);
}

/* Slideshow container */
.slideshow-container{
	float: left;
  	width: 515px;
  	height: 300px;
  	border-radius: 0;
  	position: relative;
  	top: 7px;
  	left: 15px;
  	margin: auto;
  	border: 1px solid rgba(0,234,255,0.25);
  	box-shadow: 0 0 20px rgba(0,234,255,0.15);
}
.slideshow-container img{border-radius: 0;}
.mySlides {display: none;}
.text{
  color: var(--text-main);
  font-size: 0.9em;
  padding: 15px 12px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: left;
  background-color: rgba(5,6,12,0.85);
  border-radius: 0;
  border-top: 1px solid rgba(0,234,255,0.3);
}
.text h2{
  color: var(--neon-cyan);
  font-size: 1.3em;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: var(--glow-cyan);
}
.text a{
	color: var(--neon-purple);
	display: inline-block;
}
.text a:hover{
	color: var(--neon-cyan);
	text-decoration: underline;
}
.numbertext{
  color: var(--neon-cyan);
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  text-shadow: var(--glow-cyan);
}
.fade{
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* info */
.info{margin-top: 15px;}
.info header{
	width: 100%;
	padding: 10px 10px;
	background: url("../../assets/img/Cool-Screenshots.png") bottom left no-repeat;
}
.info header h2{
	padding: 10px;
	color: var(--neon-cyan);
	font-size: 1.5em;
	font-family: beaufort;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: var(--glow-cyan);
}
.info .desc{padding: 10px 20px;}
.info .desc-inf{padding: 10px 20px;}
.info .desc-inf h2{
	color: var(--neon-cyan);
	font-family: beaufort;
	font-weight: 100;
	font-size: 1em;
	padding-bottom: 5px;
	text-shadow: var(--glow-cyan);
}
.info .desc-inf p a{color: var(--neon-purple);}
.info .desc-inf p a:hover{
	color: var(--neon-cyan);
	text-decoration: underline;
}

.info .desc p{
	text-align: left;
	color: var(--neon-cyan);
	font-size: 1em;
	font-weight: bold;
}
.info .desc p span{
	color: var(--text-main);
	margin-left: 6px;
}
.info .video{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}
.info .video .item_videos{
	border: 1px solid var(--neon-purple);
	border-radius: 0;
	margin-bottom: 8px;
	box-shadow: 0 0 10px rgba(168,85,247,0.2);
}

/* download */
.download_file{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.download_file a{
	width: 238px;
	padding: 18px;
	color: #fff;
	display: block;
	text-align: center;
	background: url("../../assets/img/btn.png") center center no-repeat;
	background-color: rgba(11,14,26,0.5);
	border: 1px solid var(--neon-cyan);
	border-radius: 0;
	font-size: 1.5em;
	font-weight: bold;
	font-family: beaufort;
	text-transform: uppercase;
	margin: 0 10px;
	letter-spacing: 1px;
	transition: all 0.3s;
	box-shadow: 0 0 12px rgba(0,234,255,0.2);
}
.download_file a:hover{
	color: var(--neon-cyan);
	background: url("../../assets/img/btn-over.png") center center no-repeat;
	background-color: rgba(11,14,26,0.5);
	box-shadow: var(--glow-cyan);
	text-shadow: var(--glow-cyan);
}
.download_file a span{
	display: block;
	font-size: 0.9em;
	text-transform: none;
	color: var(--text-dim);
}
.g-recaptcha{
	margin: 7px 0;
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

/* footer */
.footer{
	background: url("../../assets/img/bottom-bg.jpg") top;
	background-position: 0% -540%;
	background-color: var(--bg-void);
	border-top: 1px solid var(--neon-cyan);
	box-shadow: 0 -6px 20px rgba(0,234,255,0.08) inset;
	padding: 50px;
}
.footer .rodape{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer .rodape .bx{
	width: 100%;
	max-width: 350px;
}
.footer .rodape .uteis{width: 100%; max-width: 150px;}
.ttdev{margin-top: 20px;}
.footer .rodape .bx .title{padding-bottom: 10px;}
.footer .rodape .bx .title h2{
	color: var(--neon-cyan);
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: var(--glow-cyan);
}
.footer .rodape .bx .desc{}
.footer .rodape .bx .desc p{color: var(--text-dim);}
.footer .rodape .bx .desc ul li a{color: var(--text-main);}
.footer .rodape .bx .desc ul li a:hover{
	color: var(--neon-cyan);
	text-decoration: underline;
	text-shadow: var(--glow-cyan);
}
.autorais{
	padding: 8px;
	border-top: 1px solid rgba(0,234,255,0.15);
	background-color: rgba(0,0,0,0.4);
}
.autorais span{display: block;}
.autorais span a{
	color: var(--neon-purple);
	display: inline-block;
}
.autorais span a:hover{text-decoration: underline; color: var(--neon-cyan);}
.direitos{}
.direitos p{
	text-align: center;
	color: var(--text-dim);
	font-size: 0.8em;
}
.fb-page{
	width: 100%;
	border: 1px solid var(--neon-cyan);
	border-radius: 0;
	display: block;
	box-shadow: 0 0 12px rgba(0,234,255,0.15);
}