.main-banner{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:15px;padding:40px;color:white;text-align:center;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,0.3)}.main-banner h1{font-size:2.5em;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.server-card{background:white;border-radius:10px;padding:20px;margin:15px 0;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;border-left:5px solid #667eea}.server-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.server-card.tf2{border-left-color:#e67e22;background:linear-gradient(to right,#fff5eb,#ffffff)}.server-card.csgo{border-left-color:#3498db;background:linear-gradient(to right,#ebf5ff,#ffffff)}.server-card.css{border-left-color:#f39c12;background:linear-gradient(to right,#fff8eb,#ffffff)}.feature-item{padding:10px 0;border-bottom:1px solid #eee}.feature-item:last-child{border-bottom:none}.btn{display:inline-block;padding:12px 25px;background:#667eea;color:white;text-decoration:none;border-radius:5px;margin:5px;transition:background 0.3s ease}.btn:hover{background:#5568d3}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-content > div{animation:fadeIn 0.6s ease-out}