body { font-family: Arial; background: #f8f9fc; margin: 0; }

header {
    background: #1e73ff; color: white;
    padding: 15px 20px;
    display: flex; align-items: center;
}

.logo img {
    height: 40px; width: 40px;
    margin-right: 10px; border-radius: 50%;
}

.title { text-align: center; margin: 20px; }

.videos { padding: 20px; display: grid; grid-template-columns: 1fr; gap: 20px; }

.video-card {
    background: white; padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.btn {
    display: inline-block;
    margin-top: 10px;
    background: #1e73ff;
    padding: 8px 15px; color: white;
    border-radius: 5px; text-decoration: none;
}

.video-container { padding: 20px; }