.card{

background:#101d3d;

padding:25px;

border-radius:12px;

margin-top:20px;

}

.card label{

display:block;

margin-bottom:8px;

font-weight:bold;

color:#fff;

}

.card input,
.card textarea,
.card select{

width:100%;

padding:12px;

margin-bottom:20px;

background:#162548;

border:1px solid #2b3f6b;

border-radius:8px;

color:#fff;

font-size:15px;

}

.card textarea{

resize:vertical;

min-height:250px;

}

.error{

background:#c0392b;

color:#fff;

padding:15px;

border-radius:8px;

margin-bottom:20px;

}
.success{

background:#1d6f42;

color:#fff;

padding:15px;

border-radius:8px;

margin-bottom:20px;

border-left:5px solid #00ff88;

}

.error{

background:#8b1e1e;

color:#fff;

padding:15px;

border-radius:8px;

margin-bottom:20px;

border-left:5px solid #ff4444;

}

.news-page{

background:#101d3d;

padding:30px;

border-radius:15px;

margin:30px 0;

}

.news-page h1{

margin-bottom:15px;

color:#fff;

}

.news-meta{

color:#aaa;

margin-bottom:25px;

}

.news-image img{

width:100%;

border-radius:12px;

margin-bottom:25px;

}

.news-content{

color:#eee;

line-height:1.9;

font-size:17px;

}

.share-buttons{

display:flex;

flex-wrap:wrap;

gap:15px;

margin-top:20px;

}

.share-buttons a{

background:#00ffd5;

padding:10px 20px;

border-radius:8px;

color:#000;

text-decoration:none;

font-weight:bold;

}

.related-news{

margin:50px 0;

}

.related-item{

padding:15px;

border-bottom:1px solid #223355;

}

.related-item a{

color:#fff;

text-decoration:none;

font-size:18px;

}

.related-item a:hover{

color:#00ffd5;

}