.discord-hero{
height:100vh;
min-height:800px;
position:relative;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
background:
linear-gradient(
180deg,
rgba(5,8,20,.15),
#050814
),
url("/img/fondofinalPA.png");
background-size:cover;
background-position:center;
}

.discord-hero:after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:280px;
background:linear-gradient(
transparent,
#050814
);
}

.discord-box{
margin-top:35px;
display:flex;
align-items:center;
justify-content:center;
gap:35px;
padding:30px 40px;
border-radius:28px;
background:linear-gradient(
145deg,
rgba(255,255,255,.13),
rgba(255,255,255,.04)
);
border:1px solid rgba(255,255,255,.16);
box-shadow:
inset 0 5px 15px rgba(255,255,255,.18),
inset 0 -15px 30px rgba(0,0,0,.4),
0 25px 60px rgba(0,0,0,.45);
backdrop-filter:blur(25px);
}

.discord-logo-container{
width:150px;
height:150px;
display:flex;
align-items:center;
justify-content:center;
border-radius:35px;
background:linear-gradient(
145deg,
rgba(88,101,242,.8),
rgba(88,101,242,.35)
);
box-shadow:
0 0 40px rgba(88,101,242,.5),
inset 0 5px 15px rgba(255,255,255,.25);
}

.discord-logo{
width:90px;
height:90px;
object-fit:contain;
transition:.35s;
}

.discord-info{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:15px;
}

.discord-stat{
display:flex;
flex-direction:column;
text-align:left;
}

.discord-stat span{
font-family:"Orbitron",sans-serif;
font-size:11px;
letter-spacing:2px;
font-weight:700;
color:#aeb8d0;
}

.discord-stat strong{
margin-top:5px;
font-size:22px;
font-family:"Orbitron",sans-serif;
color:white;
}

.discord-online{
color:#52ffe0!important;
}

.discord-button{
margin-top:10px;
padding:16px 35px;
border-radius:18px;
background:linear-gradient(
90deg,
#5865f2,
#7289da
);
color:white;
font-family:"Orbitron",sans-serif;
font-weight:900;
letter-spacing:1px;
text-decoration:none;
transition:.35s;
box-shadow:
0 15px 35px rgba(88,101,242,.35);
}

.discord-button:hover{
transform:translateY(-5px);
box-shadow:
0 20px 50px rgba(88,101,242,.6);
}

.discord-about{
padding:100px 20px;
background:#050814;
}

.discord-about-content{
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
}

.discord-about-text{
max-width:550px;
}

.discord-subtitle{
font-family:"Orbitron",sans-serif;
font-size:13px;
letter-spacing:3px;
color:#64dcff;
}

.discord-about-text h2{
font-family:"Orbitron",sans-serif;
font-size:45px;
color:white;
margin:20px 0;
}

.discord-about-text p{
font-size:18px;
line-height:1.7;
color:#c6d0e8;
}

.discord-about-card{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

.discord-card-item{
padding:25px;
border-radius:22px;
background:linear-gradient(
145deg,
rgba(255,255,255,.12),
rgba(255,255,255,.04)
);
border:1px solid rgba(255,255,255,.15);
box-shadow:
inset 0 5px 15px rgba(255,255,255,.12),
0 20px 50px rgba(0,0,0,.35);
}

.discord-card-item h3{
font-family:"Orbitron",sans-serif;
color:white;
margin-bottom:15px;
}

.discord-card-item p{
color:#b8c4df;
line-height:1.6;
}

.news-section{
padding:80px 20px;
background:#050814;
}

.news-grid{
max-width:850px;
width:100%;
margin:50px auto 0;
display:flex;
flex-direction:column;
gap:20px;
}

.news-card{
width:100%;
padding:20px;
border-radius:22px;
background:linear-gradient(
145deg,
rgba(255,255,255,.12),
rgba(255,255,255,.04)
);
border:1px solid rgba(255,255,255,.15);
box-shadow:
inset 0 5px 15px rgba(255,255,255,.12),
0 20px 50px rgba(0,0,0,.35);
overflow:hidden;
}

.news-header{
display:flex;
align-items:center;
gap:12px;
}

.news-avatar{
width:42px;
height:42px;
border-radius:50%;
object-fit:cover;
flex-shrink:0;
}

.news-header strong{
display:block;
color:white;
font-family:"Inter",sans-serif;
font-size:15px;
}

.news-header span{
display:block;
color:#9ba8c7;
font-size:12px;
margin-top:3px;
}

.news-content{
margin-top:16px;
color:#dce5ff;
line-height:1.6;
font-size:15px;
word-wrap:break-word;
}

.news-image{
width:100%;
max-height:400px;
margin-top:18px;
object-fit:cover;
border-radius:16px;
}

code{
background:#1e1f22;
padding:3px 7px;
border-radius:5px;
font-size:13px;
}

@media(max-width:1000px){

.discord-box{
flex-direction:column;
text-align:center;
}

.discord-info{
align-items:center;
}

.discord-about-content{
flex-direction:column;
}

.discord-about-card{
grid-template-columns:1fr;
}

.news-grid{
max-width:600px;
}

}

@media(max-width:600px){

.discord-logo-container{
width:120px;
height:120px;
}

.discord-logo{
width:70px;
height:70px;
}

.discord-about-text h2{
font-size:32px;
}

.news-card{
padding:16px;
}

.news-content{
font-size:14px;
}

}